<pre id="bbfd9"><del id="bbfd9"><dfn id="bbfd9"></dfn></del></pre>

          <ruby id="bbfd9"></ruby><p id="bbfd9"><mark id="bbfd9"></mark></p>

          <p id="bbfd9"></p>

          <p id="bbfd9"><cite id="bbfd9"></cite></p>

            <th id="bbfd9"><form id="bbfd9"><dl id="bbfd9"></dl></form></th>

            <p id="bbfd9"><cite id="bbfd9"></cite></p><p id="bbfd9"></p>
            <p id="bbfd9"><cite id="bbfd9"><progress id="bbfd9"></progress></cite></p>
            網頁設計

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

                    <pre id="bbfd9"><del id="bbfd9"><dfn id="bbfd9"></dfn></del></pre>

                    <ruby id="bbfd9"></ruby><p id="bbfd9"><mark id="bbfd9"></mark></p>

                    <p id="bbfd9"></p>

                    <p id="bbfd9"><cite id="bbfd9"></cite></p>

                      <th id="bbfd9"><form id="bbfd9"><dl id="bbfd9"></dl></form></th>

                      <p id="bbfd9"><cite id="bbfd9"></cite></p><p id="bbfd9"></p>
                      <p id="bbfd9"><cite id="bbfd9"><progress id="bbfd9"></progress></cite></p>
                      飘沙影院