首頁  >  文章  >  web前端  >  javascript中input中readonly和disabled區別介紹_表單特效

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

WBOY
WBOY原創
2016-05-16 17:49:001202瀏覽

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

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

例子

複製代碼 代碼如下:

body>







js控制代碼

複製程式碼 程式碼如下:











>
實例
複製程式碼

程式碼如下:



程式碼如下:



程式碼如下:



程式碼如下:






Untitled Document











屬性值描述disabled disabled 當input 元素首次載入時停用此元素,這樣使用者就無法在其中寫文本,或選定它。 註解:不能與 type="hidden" 一同使用。 readonly readonly 指示此域的值不能被修改。 註解:僅可與 type="text" 搭配使用。 總結readonly代碼: readonly不可編輯,可複製,可選擇,可以接收焦點但不能被修改,後台會接收到傳值. disabled代碼: disabled不可編輯,不可複製,不可選擇,不能接收焦點,後台也不會接收到傳值
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn