Html readonly与disabled的区别

readonly和disabled的作用是使用户不能够更改表单域中的内容,都可以防止用户键入.
1.dsiabled使文本框及字体变灰,readonly则不会.
2.readonly只对input(text/password)和textarea有效,而disabled对于所有的表单元素有效,包括select,radio,checkbox,button等.
3.在表单元素使用了disabled后,我们将表单以post或者get的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去.

注: disabled可用readonly代替,加上灰色背景background-color:#cccccc;