<address id="ousso"></address>
<form id="ousso"><track id="ousso"><big id="ousso"></big></track></form>
  1. 網頁設計

    如何禁止input文本框輸入

    時間:2025-04-26 10:35:31 網頁設計 我要投稿
    • 相關推薦

    如何禁止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

    如何在Excel中設置輸入的單元格只能輸入正值05-21

    Dreamweaver輸入文本字體如何加粗09-15

    搜狗輸入法如何輸出韓文09-23

    如何在excel的指定區域輸入文字07-14

    如何在word箭頭上輸入字10-17

    php怎么獲取input的id09-10

    Word2007如何制作精美文本框06-23

    <address id="ousso"></address>
    <form id="ousso"><track id="ousso"><big id="ousso"></big></track></form>
    1. 日日做夜狠狠爱欧美黑人