html表單控制元件停用屬性readonly VS disabled介紹

小猿笔记發表於2020-05-19

文章主要介紹了html表單控制元件停用屬性readonly VS disabled區別,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑑價值,需要的朋友可以參考下

在html中有兩種停用表單提交的方法,他們分別是:

1.給控制元件標籤加上readonly='readonly'屬性

2.給控制元件標籤加上disabled='disabled'屬性

例如:

<input type="text" value="" readonly="readonly" /> 
<input type="text" value="" disabled="disabled" />

舉例中的兩個控制元件都是不可修改的。但是他們也有一些區別!

從字面意思我們可以知道,試用readonly屬性的控制元件是"只讀"的,而試用disabled是"被停用"的。那麼他們的區別是什麼呢?

只讀的控制元件(使用了readonly屬性的控制元件)是使用者不可以用滑鼠鍵盤修改其值的,但是程式設計師可以用javascript來修改,當提交表單的時候這個控制元件的名和值會提交到伺服器,也就是說對伺服器是可見的。

而被停用的控制元件(使用了disabled屬性的控制元件)不但使用者不可以用滑鼠和鍵盤修改,而且是對伺服器不可見的,即提交表單的時候其名和值不會提交到伺服器,當然,程式設計師也可以用javascript來修改其值。

這就是他們的區別,知道了區別之後咱們就應該知道什麼時候使用哪種方法了,切不可盲目!

總結

到此這篇關於html表單控制元件停用屬性readonly VS disabled區別的文章就介紹到這了,更多相關html readonly disabled內容請搜尋以前的文章或繼續瀏覽下面的相關文章,

相關文章