- 相關(guān)推薦
如何禁止input文本框輸入
nput文本框用于接收用戶輸入的信息,我們有兩種方法可以禁止input文本框,一種方法是使用readonly,另一種方法是使用disabled,但二者之間還是有區(qū)別的,請看下面講解。
readonly禁用input文本框
readonly表示此域的值不可修改,僅可與 type="text" 配合使用,可復(fù)制,可選擇,可以接收焦點(diǎn),后臺(tái)會(huì)接收到傳值.
代碼如下:
<input type="text" name="www.manongjc.com" readonly="readonly" />
disabled禁用input文本框
disabled表示禁用input元素,不可編輯,不可復(fù)制,不可選擇,不能接收焦點(diǎn),后臺(tái)也不會(huì)接收到傳值
<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中禁止自動(dòng)完成和禁用輸入法收藏
IE提供了一個(gè)自動(dòng)完成功能可以記憶我們的輸入內(nèi)容(如登錄帳號等),方便下一次快速地錄入類似資料.這確實(shí)是一個(gè)非常友好的功能, 在操作時(shí)只需用鼠標(biāo)雙擊文本框或輸入前幾個(gè)字符, 系統(tǒng)會(huì)自動(dòng)列出以前的錄入歷史供你選擇, 大大提高錄入速度及準(zhǔn)確性. 相信大多數(shù)IE的用戶都啟用了這項(xiàng)功能.
然而做為網(wǎng)站開發(fā)者來說, 并不希望什么資料都記憶在用戶的電腦上(如銀行帳號和其它重要的帳號及密碼), 但是我們又不能要求用戶禁用自動(dòng)完成的功能. 幸好IE5.0后為 INPUT type=password, INPUT type=text, FORM 等控件加入了一個(gè) AUTOCOMPLETE的屬性,要禁止控件自動(dòng)完成功能,只需把AUTOCOMPLETE設(shè)為off即可,如:
整個(gè)表單禁止自動(dòng)完成
<FORM method=post action="submit.asp" AUTOCOMPLETE="OFF">
禁止文本框自動(dòng)完成
<input type="text" name="creditcard" maxlength="16" AUTOCOMPLETE="OFF">
在腳本中禁止自動(dòng)完成
function init()
{
element.setAttribute("AutoComplete", "off");
}
另外,如果要禁止文本框使用輸入法,可以把在它的樣式中添加 ime-mode : disabled 即可,但是這樣并不能禁止輸入漢字,因?yàn)橛脩暨是可以通過復(fù)制粘貼輸入漢字的.如:
<input type=text style="ime-mode: disabled ; ">
微軟的.NET PASSPORT 就是這樣實(shí)現(xiàn)的,但是因該還會(huì)有其它的方法,因?yàn)樵赮AHOO 和 GMAIL的實(shí)現(xiàn)方法就不一樣。
【如何禁止input文本框輸入】相關(guān)文章:
Word2010如何巧妙的輸入星期10-29
如何在word箭頭上輸入字10-17
Word2007如何制作精美文本框06-23
搜狗輸入法如何更換皮膚07-16
Word2010如何輸入常見的數(shù)學(xué)公式11-09
如何實(shí)現(xiàn)在Linux中不輸入密碼運(yùn)行sudo命令09-28
Java的輸入輸出08-13
excel 溫度符號℃的輸入10-23