HTML中readonly与disabled的异同

相同点：

readonly和disabled的作用是使用户不能够更改表单域中的内容,都可以防止用户键入.

不同点：

1.dsiabled使文本框及字体变灰,readonly则不会.

2.readonly只对input(text/password)和textarea有效，而disabled对于所有的表单元素有效，

包括select,radio,checkbox,button等.

3.在表单元素使用了disabled后，我们将表单以post或者get的方式提交的话，这个元素的值不会被传递出去，

而readonly会将该值传递出去.

注：readonly加上灰色背景background-color:#cccccc;可得到disabled一样的显示效果，

但是在表单提交时还是有如上第3点的不同

1. jquery  通过id属性设置与取消只读属性
设置只读：$("#id").attr("readOnly","true");
取消只读：$("#id").attr("readOnly",false);
2. jquery  批量设置与取消只读属性
/*   id为sa的div中，所有input框   */
设置只读：$("#sa input").attr("readOnly","true");
取消只读：$("#sa input").attr("readOnly",false);