限定只能是寫限定的東西的代碼
ENTER鍵可以讓光標(biāo)移到下一個(gè)輸入框 : <input onkeydown="if(event.keyCode==13)event.keyCode=9" > <br>
只能是中文:<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br>
只能是英文和數(shù)字.屏蔽了輸入法:<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br>
只能輸入英文和數(shù)字:<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br>
只能是數(shù)字<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"><br>
只能顯示，不能修改的文本框<input readOnly value="只能顯示，不能修改">
input中只能輸入數(shù)字在提交時(shí)提示
<script  language=javascript>
function  onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8)))
event.returnValue=false;
}
</script>
<input  onkeydown="onlyNum();">  
下拉列表打開(kāi)窗口選擇連接時(shí)彈出一個(gè)新窗口
<select  onChange="if(this.selectedIndex && this.selectedIndex!=0){window.open(this.value);}this.selectedIndex=0;">
<option selected>更多鏈接……</option>
<option value="http://chabaoo.cn";>cnbruce</option>
<option value="http://www.21west.net";>daonet</option>
<option value="http://www.blueidea.com";>blue!dea
</select> 
一個(gè)復(fù)選框，點(diǎn)擊之后一組復(fù)選框全部都選上
<input type="checkbox" name="checkA" onpropertychange="for(i=0;i<A.children.length;i++){A.children.checked=this.checked}">a
<br>
<span id="A">
<input type="checkbox" name="A1">
<input type="checkbox" name="A2">
<input type="checkbox" name="A3">
</span> 
select里的option進(jìn)行分類列表
<span style="position:absolute;border:1px inset #d3d6d9"><select style="margin:-2px; width:200px">
<option selected>------------請(qǐng)選擇------------</option>
<optgroup label="JavaScript&VBScript區(qū)">
 <option>原   創(chuàng)
 <option>經(jīng)   典
<optgroup label="后臺(tái)區(qū)">
 <option>asp&sql
 <option>php&mysql
</select></span> 
提示限制輸入的字符數(shù)
<script language="JavaScript">
<!--
function SymError()
{
  return true;
}
window.onerror = SymError;
function strlength(str){
    var l=str.length;
    var n=l
    for (var i=0;i<l;i++)
    {
        if (str.charCodeAt(i)<0||str.charCodeAt(i)>255) n++
    }
    return n        
}
function changebyte(value,length){
    var l=strlength(value)
    if (l<=length) {
        if (document.all!=null) document.all("byte").innerText="還可以輸入"+(length-l)+"字節(jié)"
    }
    else
    {
        document.all("byte").innerText="輸入字節(jié)數(shù)超出范圍"
    }
    return true
}
function changebyte1(value,length){
    var l=strlength(value)
    if (l<=length) {
        if (document.all!=null) document.all("byte1").innerText="還可以輸入"+(length-l)+"字節(jié)"
    }
    else
    {
        document.all("byte1").innerText="輸入字節(jié)數(shù)超出范圍"
    }
    return true
}
function changebyte2(value,length){
    var l=strlength(value)
    if (l<=length) {
        if (document.all!=null) document.all("byte2").innerText="還可以輸入"+(length-l)+"字節(jié)"
    }
    else
    {
        document.all("byte2").innerText="輸入字節(jié)數(shù)超出范圍"
    }
    return true
}
</script>
<form method="post" name=test onSubmit="return checkdata()" action="">
<TEXTAREA onkeydown="return changebyte1(document.test.icqcontent.value,198)" onkeyup="return changebyte1(document.test.icqcontent.value,198)" name=icqcontent cols=40 rows="3"></TEXTAREA>
<SPAN id=byte1><SCRIPT language=JavaScript>changebyte1(document.test.icqcontent.value,198);</SCRIPT></SPAN>
</form> 
判斷填寫字?jǐn)?shù)的限制
<script language=javascript>
function gbcount(message,total,used,remain)
{
  var max;
  max = total.value;
  if(message.value.length > max){
    message.value = message.value.substring(0,max);
    used.value = max;
    remain.value = 0;
    alert('留言不能超過(guò)規(guī)定的字?jǐn)?shù)!');
  }
  else{
    used.value = message.value.length;
    remain.value = max - used.value;
  }
}
</script>
<form name='myform' >
<textarea name='GuestContent' cols='59' rows='6'    onkeydown=gbcount(this.form.GuestContent,this.form.total,this.form.used,this.form.remain); onkeyup=gbcount(this.form.GuestContent,this.form.total,this.form.used,this.form.remain);></textarea>
最多字?jǐn)?shù)：<INPUT disabled maxLength=4 name=total size=3 value=20>
已用字?jǐn)?shù)：<INPUT disabled maxLength=4 name=used size=3 value=0>
剩余字?jǐn)?shù)：<INPUT disabled maxLength=4 name=remain size=3>
</form> 
注冊(cè)閱讀時(shí)間等待按鈕
<form action="http://chabaoo.cn"; method="post" name="agree">
歡迎注冊(cè)煙灰BLOG：
條款若干........
<input type="submit" value="請(qǐng)認(rèn)真查看<服務(wù)條款和聲明> (15)" name="agreeb">
</form>
<SCRIPT language=javascript>
<!--
var secs = 15;
document.agree.agreeb.disabled=true;
for(i=1;i<=secs;i++) {
 window.setTimeout("update(" + i + ")", i * 1000);
}
function update(num) {
 if(num == secs) {
 document.agree.agreeb.value =" 我 同 意 ";
 document.agree.agreeb.disabled=false;
 }
else {
 printnr = secs-num;
 document.agree.agreeb.value = "請(qǐng)認(rèn)真查看<服務(wù)條款和聲明> (" + printnr +")";
 }
}
//-->
</SCRIPT> 

最新評(píng)論