如何設(shè)置表單不可編輯

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

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

1、onfocus=this.blur()

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

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

2、readonly屬性

<input type="text" name="input1" value="php中文網(wǎng)" readonly> 

<input type="text" name="input1" value="php中文網(wǎng)" readonly="true">

3、disabled 屬性

<input type="text" name="input1" value="php中文網(wǎng)" disabled>

注意：

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

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

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

disabled 屬性----禁用屬性

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

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

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

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

readonly屬性----只讀屬性

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

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

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

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

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

以上就是如何設(shè)置表單不可編輯的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！