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

有時，我們需要以不可編輯的模式顯示表單域，那么如何實現？我們可以通過為表單字段（文本框，標簽，復選框，文本區域）設置以下方法來實現表單的不可編輯功能�！鞠嚓P視頻教程推薦：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">

3、disabled 屬性

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

注意：

我們不能為所有表單字段或元素設置readonly屬性。<select>，<option>和<button>元素沒有readonly屬性，但它們可以具disabled的屬性。

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

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

disabled 屬性----禁用屬性

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

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

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

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

readonly屬性----只讀屬性

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

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

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

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

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

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