看到網(wǎng)上大部分介紹的區(qū)別都是一個(gè)能點(diǎn)一個(gè)不能點(diǎn),即readonly可獲得焦點(diǎn),disabled不可獲得焦點(diǎn)。
事實(shí)上,這只是直觀的區(qū)別了,經(jīng)過(guò)代碼實(shí)踐遇到的問(wèn)題發(fā)現(xiàn):
disabled:除直觀上的限制外,該被限制的對(duì)象值將不會(huì)被傳遞到后臺(tái)程序。
readonly:與后臺(tái)交互時(shí)可以傳遞值。前端框架分享
最好不要用disabled,不然就無(wú)法取出里面的值了.
區(qū)別:
1.disabled -- 完全不可編輯,并且是不能復(fù)制的。
2.readonly -- 不可編輯,但是是可以復(fù)制。
3.Readonly只針對(duì)input(text / password)和textarea有效,而disabled對(duì)于所有的表單元素都有效,包括select, radio, checkbox, button等。
4.表單元素在使用了disabled后,當(dāng)我們將表單以POST或GET的方式提交的話,這個(gè)元素的值不會(huì)被傳遞出去,而readonly會(huì)將該值傳遞出去
他們的相同點(diǎn):
使input不可編輯。