input readyonly disabled區別

看到網上大部分介紹的區別都是一個能點一個不能點，即readonly可獲得焦點，disabled不可獲得焦點。

事實上，這只是直觀的區別了，經過代碼實踐遇到的問題發現：

disabled：除直觀上的限制外，該被限制的對象值將不會被傳遞到后臺程序。

readonly:與后臺交互時可以傳遞值。前端框架分享

最好不要用disabled,不然就無法取出里面的值了.

區別：
1.disabled -- 完全不可編輯，并且是不能復制的。
2.readonly -- 不可編輯，但是是可以復制。
3.Readonly只針對input(text / password)和textarea有效，而disabled對于所有的表單元素都有效，包括select, radio, checkbox, button等。
4.表單元素在使用了disabled后，當我們將表單以POST或GET的方式提交的話，這個元素的值不會被傳遞出去，而readonly會將該值傳遞出去

他們的相同點：
使input不可編輯。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈