disabled与readonly区别

Readonly和Disabled 两种属性的写法如下

1、<input type="text" name="name"value="xxx” readonly="true"/>
2、<input type="text"name="name" value="xxx" disabled="true"/>

 共同点:

如果设为trye。则form属性不能被编辑、文本框不能输入文字。

 区别:

1、样式不同。
        readonly只是使文本框不能输入，外观没有变化。
        disabled会使文本框变灰。

2、有效范围不同。
        readonly只针对inputtext / password)和textarea之类可以输入文本的输入项有效disabled对于所有的表单元素都有效。

3、是否能获取鼠标焦点。
readonlv设为true，用户不能编辑，但鼠标仍然可以聚焦。disabled设为true，输入项不能获取焦点，用户的所有操作(标点击、键盘输入等)对该输入项都无效

4、是否回传数据。
表单元素使用了readonly后，会将该值传递出去，即通过request.getParameter("name"可以得到文本框内的内容表单元素使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，即通过request.getParameter(name”)得不到文本框中的内容 (如果有的话)。