亚洲精品中文字幕无乱码_久久亚洲精品无码AV大片_最新国产免费Av网址_国产精品3级片

網(wǎng)頁設(shè)計(jì)

如何禁止input文本框輸入

時(shí)間:2024-11-04 11:32:10 網(wǎng)頁設(shè)計(jì) 我要投稿
  • 相關(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

win10如何設(shè)置默認(rèn)輸入法05-24

如何實(shí)現(xiàn)在Linux中不輸入密碼運(yùn)行sudo命令09-28

如何解決word輸入新文字覆蓋舊文字的問題08-23

Java的輸入輸出08-13

excel 溫度符號℃的輸入10-23