我想在TEXT中,输入小时和分,初始化时自动显示冒号,冒号前后只能输入两位

用
<span><input maxlength=2>:<input maxlength=2>:<input maxlength=2></span>
的格式，把边框去掉，然后把span样式设置得就跟一个input一样

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

like?<style>input.h {border-width:0;width:20px}</style><script>function onlyNum(){with(window.event)returnValue=keyCode>47&&keyCode<58}</script><span style="border:1 solid black"><input maxlength=2 class=h onpaste=return(false) onkeypress=onlyNum()>:<input maxlength=2 class=h onpaste=return(false) onkeypress=onlyNum()>:<input maxlength=2 class=h onpaste=return(false) onkeypress=onlyNum()></span>
秋兄
为什么SPAN的边框不显示那?
只有一种可能，你的浏览器对CSS的解释能力造成的。
只有一种可能，你的浏览器对CSS的解释能力造成的。
修改一点点
<style>input.h {border-width:0;width:20px}</style>
<script>function onlyNum(){with(window.event)returnValue=keyCode>47&&keyCode<58}</script>
<body onload=document.all.hh.focus()>
<span style="border:1 solid black"><input name=hh maxlength=2 class=h onpaste=return(false) onkeypress=onlyNum() onkeyup="if((this.value).length==2)document.all.mm.focus();">:<input name=mm maxlength=2 class=h onpaste=return(false) onkeypress=onlyNum() onkeyup="if((this.value).length==2)document.all.ss.focus();">:<input name=ss maxlength=2 class=h onpaste=return(false) onkeypress=onlyNum()></span>
seabell(百合心)
很好
吾所欲也
可是
SPAN的边框不能显示吗?
想了好久，终于搞定！！！！！！！！！！！！！！<HTML>
<BODY onload="theInput.focus()">
<input id=theInput value="  :  " onkeydown="autoInput(this)" maxlength=5 size=5>
<script>
function autoInput(o)
{ o.focus();
if(event.keyCode >= 37 && event.keyCode <=40) return;
lbRange = document.selection.createRange();
lbRange.moveEnd("character",1);
lbRange.select();
    if(lbRange.text == ":") {
  lbRange.move("character",1);
  lbRange.select();
      lbRange.moveEnd("character",1);
     lbRange.select();
  }
}
</script>
</BODY>
</HTML>
楼主：不知道你说的是什么意思
qiushuiwuhen(秋水无恨)的写法里面，是把span的边框做成黑色平面细框了，而几个input的边框都设为0，这样就只有外边的一个大框了
你想要什么样的效果啊
在我这里
初始化时显示成两空格,冒号,两空格,冒号,两空格
可是没有外框
我是想象TEXT那样而TEXT里面有两个冒号这种效果你们的代码是不是做成弹出窗口就有边框了
还是我使用方法问题?
另 lanbor(兰波) 方法中间的冒号可以删除
seabell(百合心) (  )
你看一下lanbor(兰波) 的效果
lanbor(兰波)的是有点问题，可以删除冒号
我运行我上面的代码，没有问题啊，是有边框的
靠靠靠！！！！！！！搞了一下午！！！终于ok!!!
模拟 del 和前删好难！！！！<HTML>
<BODY onload="theInput.focus()">
<input id=theInput value="  :  :  " onkeydown="autoInput(this)" maxlength=8 size=8>
<script>
function autoInput(o)
{
  o.focus();
  lbRange = document.selection.createRange();

  if(event.keyCode == 46) {
lbRange.moveEnd("character",1);
if(lbRange.text != ':') lbRange.text = ' ';
else{
  lbRange.moveEnd("character",1);
     lbRange.text=": ";
  }
    event.returnValue=false;return;
    } if(event.keyCode == 8) {
   lbRange.move("character",-1);
lbRange.select();
     lbRange.moveEnd("character",1);
     lbRange.select();
    if(lbRange.text == ':'){
   lbRange.move("character",0);
   lbRange.select();
  }
  else {
lbRange.text=' ';
lbRange.move("character",-1);
lbRange.select();
    }
event.returnValue=false;return;
} if(event.keyCode >= 37 && event.keyCode <=40) return;
lbRange.moveEnd("character",1);
lbRange.select();
    if(lbRange.text == ":") {
  lbRange.move("character",1);
  lbRange.select();
      lbRange.moveEnd("character",1);
     lbRange.select();
  }
}
</script>
</BODY>
</HTML>
lanbor(兰波)
我估计你年龄很小
很有钻劲
把上面的<input id=theInput ....>那段改成：<input id=theInput value="  :  :  " onkeydown="autoInput(this)" maxlength=8 size=8 onmouseup="document.selection.empty();" onmouseout="document.selection.empty();">年纪小？？？？？？？？？？？？？no!!!!!!!!!!!!!!!!!!!
now
eachtime can delete one character
oh
那我也来献献丑了，待沽<BODY onload="theInput.focus()">
<input id=theInput value="__：__：__" onkeypress="return autoInput(this)" onpropertychange=checkInput(this) size=8 maxlength=8>
<script>
function checkInput(obj){
str="";for(ob in event)if(ob.indexOf("p")==0)str+=ob+","
if(event.propertyName!="value")return;
if(obj.value.match(/^[_\d]{2}：[_\d]{2}：[_\d]{2}$/))
obj.defaultValue=obj.value
else
obj.value=obj.defaultValue
}
function autoInput(obj){
var k=window.event.keyCode
window.event.returnValue=false;
if(k>57||k<48){return false;}
var rng=document.selection.createRange()
do{rng.collapse(false);rng.moveEnd("character",1);rng.select();}
while(rng.text=="：");
rng.text=k-48;
rng.collapse(false);
rng.select();
}
</script>