在博客園中看到這樣一篇文章,關於disabled和readonly的區別,以前還真的沒有注意它們的區別,還是有必要知道它們的區別的,所以轉載了。
這兩個屬性有類似之處,但是區別也是巨大的,之所以說類似,是因為這兩個屬性好像都貌似能夠將指定的元素設置為"不可用"狀態,下面就簡單介紹一下它們兩個的區別,希望能夠給大家帶來一定的幫助。
一.作用范圍不同
disabled
屬性可以用於所有的表單元素。readonly
屬性只對<input type="text">、<textarea>和<input type="password">
有效。
二.對元素的影響程度不同
disabled
屬性阻止對元素的一切操作,例如獲取焦點,點擊事件等等。readonly
屬性只是將元素設置為只讀,其他操作正常。
三.表單提交
disabled
屬性可以讓表單元素的值無法被提交。readonly
屬性則不影響提交問題。