溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下設置表單input文本框不可編輯的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
以input文本框為例來看看效果：
1、onfocus=this.blur()
<input type="text" name="input1" value="億速云" onfocus=this.blur()>
可以看出，表單input文本框無法被點擊，不可進行編輯了；里面的文字也無法選擇。
2、readonly屬性
<input type="text" name="input1" value="億速云" readonly> <input type="text" name="input1" value="億速云" readonly="true">
可以看出，表單input文本框無法被點擊，不可進行編輯了。
3、disabled 屬性
<input type="text" name="input1" value="億速云" disabled>
注意：
我們不能為所有表單字段或元素設置readonly屬性。<select>，<option>和<button>元素沒有readonly屬性，但它們具有disabled屬性，可以通過設置disabled屬性來實現不可編輯功能。
下面我們來看看readonly屬性和disabled 屬性的區別是什么？
readonly屬性和disabled 屬性都是表單字段（文本框，標簽，復選框，文本區域）的不可編輯屬性，下面我們來看看它們的區別
disabled 屬性----禁用屬性
1、禁用的表單字段或元素值不會發布到服務器進行處理。
2、禁用的表單字段或元素不會獲得焦點。
3、選項卡導航時會跳過已禁用的表單字段或元素。
4、某些瀏覽器（如IE）為禁用的表單字段或元素提供默認樣式（灰色或浮雕文本）。
readonly屬性----只讀屬性
1、字段或元素的值以只讀形式來發布到服務器進行處理。
2、只讀表單字段或元素可以獲得焦點。
3、選項卡導航時包含只讀表單字段或元素。
4、某些瀏覽器不為只讀表單字段或元素提供默認樣式。
以上是設置表單input文本框不可編輯的方法的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
