如何設定表單的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屬性。 ，和元素沒有readonly屬性，但它們具有disabled屬性，可以透過設定disabled屬性來實現不可編輯功能。

下面我們來看看readonly屬性和disabled 屬性的差異是什麼？

readonly屬性和disabled 屬性都是表單欄位（文字框，標籤，複選框，文字區域）的不可編輯屬性，下面我們來看看它們的差異

disabled 屬性----停用屬性

1、停用的表單欄位或元素值不會發佈到伺服器進行處理。

2、停用的表單欄位或元素不會獲得焦點。

3、選項卡導覽時會跳過已停用的表單欄位或元素。

4、某些瀏覽器（如IE）為禁用的表單欄位或元素提供預設樣式（灰色或浮雕文字）。

readonly屬性----只讀屬性

1、欄位或元素的值以唯讀形式來發佈到伺服器進行處理。

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

3、選項卡導航時包含唯讀表單欄位或元素。

4、某些瀏覽器不為唯讀表單欄位或元素提供預設樣式。

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

以上是如何設定表單的input文字方塊不可編輯的詳細內容。更多資訊請關注PHP中文網其他相關文章！