- 相關推薦
如何禁止input文本框輸入
nput文本框用于接收用戶輸入的信息,我們有兩種方法可以禁止input文本框,一種方法是使用readonly,另一種方法是使用disabled,但二者之間還是有區別的,請看下面講解。
readonly禁用input文本框
readonly表示此域的值不可修改,僅可與 type="text" 配合使用,可復制,可選擇,可以接收焦點,后臺會接收到傳值.
代碼如下:
<input type="text" name="www.manongjc.com" readonly="readonly" />
disabled禁用input文本框
disabled表示禁用input元素,不可編輯,不可復制,不可選擇,不能接收焦點,后臺也不會接收到傳值
<input type="text" name="www.manongjc.com" disabled="disabled" />
[html] view plain copy 在CODE上查看代碼片派生到我的代碼片
<html>
<title>
</title>
<body>
html禁止input文本框輸入:
<br>
readonly:<input type="text" readonly="true" value="abc"/>
<br>
disabled:<input type="text" value="bcd" disabled="disabled" />
<br>
maxlength:<input type="text" value="" maxlength="0" />
<br>
blur:<input type="text" onfocus="this.blur();">
<br>
</body>
</html>
HTML中禁止自動完成和禁用輸入法收藏
IE提供了一個自動完成功能可以記憶我們的輸入內容(如登錄帳號等),方便下一次快速地錄入類似資料.這確實是一個非常友好的功能, 在操作時只需用鼠標雙擊文本框或輸入前幾個字符, 系統會自動列出以前的錄入歷史供你選擇, 大大提高錄入速度及準確性. 相信大多數IE的用戶都啟用了這項功能.
然而做為網站開發者來說, 并不希望什么資料都記憶在用戶的電腦上(如銀行帳號和其它重要的帳號及密碼), 但是我們又不能要求用戶禁用自動完成的功能. 幸好IE5.0后為 INPUT type=password, INPUT type=text, FORM 等控件加入了一個 AUTOCOMPLETE的屬性,要禁止控件自動完成功能,只需把AUTOCOMPLETE設為off即可,如:
整個表單禁止自動完成
<FORM method=post action="submit.asp" AUTOCOMPLETE="OFF">
禁止文本框自動完成
<input type="text" name="creditcard" maxlength="16" AUTOCOMPLETE="OFF">
在腳本中禁止自動完成
function init()
{
element.setAttribute("AutoComplete", "off");
}
另外,如果要禁止文本框使用輸入法,可以把在它的樣式中添加 ime-mode : disabled 即可,但是這樣并不能禁止輸入漢字,因為用戶還是可以通過復制粘貼輸入漢字的.如:
<input type=text style="ime-mode: disabled ; ">
微軟的.NET PASSPORT 就是這樣實現的,但是因該還會有其它的方法,因為在YAHOO 和 GMAIL的實現方法就不一樣。
【如何禁止input文本框輸入】相關文章:
word如何刪除文本框09-13
C語言如何輸入語句10-28
搜狗輸入法如何輸出韓文09-23
如何在excel的指定區域輸入文字07-14
如何在word箭頭上輸入字10-17
php怎么獲取input的id09-10
Word2007如何制作精美文本框06-23