input屬性 (隱藏 只讀 限制)

隱藏 
<input type="hidden">

只讀
<input type="text" readonly>

失效
<input type="text" disabled>

限制
<input type="text" maxlength="1">

ENTER鍵讓光標移到下一個輸入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">

屏蔽輸入法

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

有兩種方式可以實現input的只讀效果:disabled 和 readonly。

自然兩種出來的效果都是隻能讀取不能編輯,可是兩者有很大不同

Disabled 說明該input無效,及其value不會傳遞給任何程序,比如asp、php等。
Readonly 僅僅是無法編輯,不影響其值的傳遞

Disabled使用:
<INPUT type=”text” name=”username” value=”james” disabled>
Readonly使用:
<INPUT type=”text” name=”partNumber” value=”1500″ readonly>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章