表單(FORM)的一些實用效果代碼
2024-09-06 12:42:51
供稿：網友
限定只能是寫限定的東西的代碼
ENTER鍵可以讓光標移到下一個輸入框 : <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>
只能是英文和數字.屏蔽了輸入法:<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br>
只能輸入英文和數字:<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>
只能是數字<input onkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"><br>
只能顯示，不能修改的文本框<input readOnly value="只能顯示，不能修改">
input中只能輸入數字在提交時提示
<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();">
下拉列表打開窗口選擇連接時彈出一個新窗口
<select onChange="if(this.selectedIndex && this.selectedIndex!=0){window.open(this.value);}this.selectedIndex=0;">
<option selected>更多鏈接……</option>
<option value="http://www.survivalescaperooms.com";>cnbruce</option>
<option value="http://www.21west.net";>daonet</option>
<option value="http://www.blueidea.com";>blue!dea
</select>
一個復選框，點擊之后一組復選框全部都選上
<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進行分類列表
<span style="position:absolute;border:1px inset #d3d6d9"><select style="margin:-2px; width:200px">
<option selected>------------請選擇------------</option>
<optgroup label="JavaScript&VBScript區">
<option>原 創
<option>經 典
<optgroup label="后臺區">
<option>asp&sql
<option>php&mysql
</select></span>
提示限制輸入的字符數
<script language="JavaScript">
