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內容請搜尋以前的文章或繼續瀏覽下面的相關文章,

相關文章