设置只读属性---disable与readonly的区别

disable

disabled 不会提交到服务器，不能被序列化，但能js取值赋值，界面上无法修改，所有控件都有 disabled 属性。
表单中某个属性设置了disable的话，这个属性是无法自动绑定到实体对应的属性的。也就是说，该属性无法提交到后台。

$("#reportName").attr(“disable”,“disable”);

设置为disabled的input标签将会有下面的限制：

• 不能接收焦点
• 使用tab键时将被跳过
• 可能不是successful的

readonly

readonly 会提交到服务器，能被序列化，能js取值赋值，界面上无法修改，所有控件不一定有 readonly 属性，如 select 下拉框。

$("#reportName").attr(“readonly”,“readonly”);

设置为readonly的input标签将会有下面的限制：

• 可以接收焦点但不能被修改
• 可以使用tab键进行导航
• readonly属性只对 type=“text”、type="textarea "和 type=“password” 有效。
• 可能是successful的
• 只有successful的表单元素才是有效数据，也即是可以进行提交。
• disabled和readonly的文本输入框只能通过脚本进行修改value属性。