您當前位置：首頁 > 數據庫 > 數據庫應用 > HTML中讓表單input等文本框為只讀不可編輯的方法

HTML中讓表單input等文本框為只讀不可編輯的方法

來源：程序員人生發布時間：2015-05-21 08:29:55 閱讀次數：4940次

最近項目的需要的修改手機號碼發送驗證碼時輸入框里面的內容不可以修改，上網查了1下資料顯示以下：

有時候，我們希望表單中的文本框是只讀的，讓用戶不能修改其中的信息，如使<input type="text" name="input1" value="中國"> 的內容，"中國"兩個字不可以修改。實現的方式歸納1下，有以下幾種。

方法1: onfocus=this.blur()
<input type="text" name="input1" value="中國" onfocus=this.blur()>

方法2:readonly
<input type="text" name="input1" value="中國" readonly>

<input type="text" name="input1" value="中國" readonly="true">

方法3: disabled
<input type="text" name="input1" value="中國" disabled>

可以采取第3種

2，首先說明1下這些方法是1開始就設置好的，我要的是先可以輸入，后來不可以輸入，所以不可以1開始就在表單里面去設置。

3，所以我們只能在Javascript或jQuery里面去寫：

jquery 怎樣將不可編輯的文本框變成可編輯狀態：

改成
$("input").removeAttr("disabled");//disabled是屬性，不是元素，用removeAttr()可以移除屬性
固然你也能夠這樣用
$("input").attr("disabled",false);
如果要是添加屬性的話就能夠這樣
$("input").attr("disabled",true);

【注意】:disable是失效的意思，就是表單甚么的可以修改上傳，故也不可以，附相干詞的用法：

今天想總結幾個很有用的html標簽，開發中常常用到，不熟習的人可能還真不太清楚，分別是：

readonly、disabled、autocomplete

readonly表示此域的值不可修改，僅可與 type="text" 配合使用，可復制，可選擇,可以接收焦點，后臺會接收到傳值.

disabled表示禁用input元素，不可編輯，不可復制，不可選擇，不能接收焦點,后臺也不會接收到傳值

另外可以通過css屏蔽輸入法：<input style="ime-mode: disabled">

最后介紹1個經常使用的標簽，閱讀器通常會記錄input輸入框的記錄，所以你在輸入的時候，常常會下拉很多內容，以下圖：

如何禁止input文本框輸入