跟大家講解下有關如何設置表單的input文本框不可編輯，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說如何設置表單的input文本框不可編輯，小編也收集到了有關如何設置表單的input文本框不可編輯的相關資料，希望大家看到了會喜歡。

設置表單input文本框不可編輯的方法：首先創建相應的代碼文件；然后通過為表單字段設置為“onfocus=this.blur()，readonly、disabled”來實現不可編輯的功能即可。

本篇文章給大家帶來的內容是以input文本框為例來介紹如何設置表單不可編輯，讓大家了解實現所有表單字段（文本框，標簽，復選框，文本區域）不可編輯的方法，知道readonly屬性和disabled 屬性的區別。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有所幫助。

有時，我們需要以不可編輯的模式顯示表單域，那么如何實現？我們可以通過為表單字段（input文本框，標簽，復選框，文本區域）設置以下方法來實現表單的不可編輯功能。【相關視頻教程推薦：html教程】

我們以input文本框為例來看看效果：

1、onfocus=this.blur()

<input type="text" name="input1" value="php中文網" onfocus=this.blur()>

可以看出，表單input文本框無法被點擊，不可進行編輯了；里面的文字也無法選擇。

2、readonly屬性

<input type="text" name="input1" value="php中文網" readonly> <input type="text" name="input1" value="php中文網" readonly="true">

可以看出，表單input文本框無法被點擊，不可進行編輯了。

3、disabled 屬性

<input type="text" name="input1" value="php中文網" disabled>

注意：

我們不能為所有表單字段或元素設置readonly屬性。<select>，<option>和<button>元素沒有readonly屬性，但它們具有disabled屬性，可以通過設置disabled屬性來實現不可編輯功能。

下面我們來看看readonly屬性和disabled 屬性的區別是什么？

readonly屬性和disabled 屬性都是表單字段（文本框，標簽，復選框，文本區域）的不可編輯屬性，下面我們來看看它們的區別

disabled 屬性----禁用屬性

1、禁用的表單字段或元素值不會發布到服務器進行處理。

2、禁用的表單字段或元素不會獲得焦點。

3、選項卡導航時會跳過已禁用的表單字段或元素。

4、某些瀏覽器（如IE）為禁用的表單字段或元素提供默認樣式（灰色或浮雕文本）。

readonly屬性----只讀屬性

1、字段或元素的值以只讀形式來發布到服務器進行處理。

2、只讀表單字段或元素可以獲得焦點。

3、選項卡導航時包含只讀表單字段或元素。

4、某些瀏覽器不為只讀表單字段或元素提供默認樣式。

總結：以上就是本篇文的全部內容，希望能對大家的學習有所幫助。

以上就是如何設置表單的input文本框不可編輯的詳細內容，更多請關注php中文網其它相關文章！

來源：php中文網