javascript中input中readonly和disabled區別介紹_表單特效

Readonly和Disabled是用在表單中的兩個屬性，它們都能夠做到使用戶不能夠更改表單域中的內容。但它們之間有著微小的差別，總結如下：

Readonly只針對input(text / password)和textarea有效，而disabled對於所有的表單元素都有效，包括select, radio, checkbox, button等。但是表單元素在使用了disabled後，當我們將表單以POST或GET的方式提交的話，這個元素的值不會被傳遞出去，而readonly會將該值傳遞出去(這種情況出現在我們將某個表單中的textarea元素設定為disabled或readonly，但是submit button卻是可以使用的)。

例子

複製代碼 代碼如下:

body>

js控制代碼

複製程式碼 程式碼如下:

>
實例

複製程式碼

程式碼如下:



程式碼如下:



程式碼如下:



程式碼如下:

屬性值描述disabled disabled 當input 元素首次載入時停用此元素，這樣使用者就無法在其中寫文本，或選定它。 註解：不能與 type="hidden" 一同使用。 readonly readonly 指示此域的值不能被修改。 註解：僅可與 type="text" 搭配使用。 總結readonly代碼: readonly不可編輯，可複製，可選擇,可以接收焦點但不能被修改，後台會接收到傳值. disabled代碼: disabled不可編輯，不可複製，不可選擇，不能接收焦點,後台也不會接收到傳值