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不可编辑。