看到网上大部分介绍的区别都是一个能点一个不能点,即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不可编辑。