readonly和disabled的区别

相同之处：两者的目的都是使用户不能编辑表单域内的控件。

不同之处：

1.Readonly只针对Input(text/password)和textarea控件有效，而disabled对表单内的所有控件都有效，如：Select，radio，checkbox，button和一些JQuery插件。

2.被Disabled或Readonly的控件，在表单提交时，disabled的控件的值是不会提交到后台的，而readonly的值是可以提交到后台的。

Disabled的使用：

1.当一个控件被Disabled了时，又想向后台传递数据时的解决方案是：当用户执行表单提交操作之前先执行一段JS代码，这段JS代码的作用就是将这个控件的Disabled属性去掉。

2.当用户执行表单提交时，利用JS代码将提交按钮Disabled掉，可防止在网络不好的情况下，用户反复点击提交按钮，导致数据冗余的插入数据库