HTML 限制 input 輸入類型

只能輸入和粘貼漢字

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"><br/>

只能輸入和粘貼數字

<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" /><br/>

數字腳本

<input onkeyup="if(/\D/.test(this.value)){alert('只能輸入數字');this.value='';}"><br/>

只能輸入數字和英文

<input οnkeyup="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"><br/>

簡易禁止輸入漢字

<input style="ime-mode:disabled">輸入法不轉換,但可粘貼上<br/>

輸入數字和小數點

<input οnkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" /><br/>

只能數字和"-",例如在輸入時間的時候能夠用到

<input οnkeyup="value=value.replace(/[^\w&=]|_/ig,'')" οnblur="value=value.replace(/[^\w&-]|_/ig,'')" />

文本框只能輸入數字代碼(小數點也不能輸入)

<input onkeyup="this.value=this.value.replace(//D/g,'')" onafterpaste="this.value=this.value.replace(//D/g,'')">

只能輸入數字,能輸小數點.

<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')"> 
<input name=txt1 onchange="if(//D/.test(this.value)){alert('只能輸入數字');this.value='';}">

只能輸入字母和漢字

<input οnkeyup="value=value.replace(/[/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[/d]/g,''))" maxlength=10 name="Numbers">

只能輸入英文字母和數字,不能輸入中文

<input onkeyup="value=value.replace(/[^/w/.//]/ig,'')">

只能輸入數字和英文

<font color="Red">chun</font> 
<input onKeyUp="value=value.replace(/[^/d|chun]/g,'')">

小數點後只能有最多兩位(數字,中文均可輸入),不能輸入字母和運算符號

<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || //./d/d$/.test(value))event.returnValue=false">8.小數點後只能有最多兩位(數字,字母,中文均可輸入),能夠輸入運算符號: 
<input onkeyup="this.value=this.value.replace(/^(/-)*(/d+)/.(/d/d).*$/,'$1$2.$3')">

取消按鈕按下時的虛線框,在input裏添加屬性值 hideFocus 或者 HideFocus=true

<input type="submit" value="提交" hidefocus="true" />

只讀文本框內容,在input裏添加屬性值 readonly

<input type="text" readonly />

防止退後清空的TEXT文檔(可把style內容作作爲類引用)

<input type="text" style="behavior:url(#default#savehistory);" />

ENTER鍵可讓光標移到下一個輸入框

<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" />

只能爲中文(有閃動)

<input type="text" onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9" />

只能爲數字(有閃動)

<input type="text" onkeyup="value=value.replace(/[^/d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" />

只能爲數字(無閃動)

<input type="text" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onkeypress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" />

只能輸入英文和數字(有閃動)

<input type="text" onkeyup="value=value.replace(/[/W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" />

屏蔽輸入法

<input type="text" name="url" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" />

只能輸入 數字,小數點,減號(-) 字符(無閃動)

<input onkeypress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false" />

只能輸入兩位小數,三位小數(有閃動)

<input type="text" maxlength="9" onkeyup="if(value.match(/^/d{3}$/))value=value.replace(value,parseInt(value/10)) ;value=value.replace(//./d*/./g,'.')" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^/d{3}$/) || //./d{3}$/.test(value)) {event.returnValue=false}" />
相關文章
相關標籤/搜索