readonly和disable的区别是什么？

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

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

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

共同点:

如果设为true，则form属性将不能被编辑. 文本框不能输入文字。

区别:

1、样式不同。

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

2、有效范围不同。

readonly只针对input(text / password)和textarea之类可以输入文本的输入项有效。disabled对于所有的表单元素都有效。

3、是否能获取鼠标焦点。

readonly设为true，用户不能编辑,但鼠标仍然可以聚焦。

disabled设为true，输入项不能获取焦点，用户的所有操作（鼠标点击、键盘输入等）对该输入项都无效。

4、是否回传数据。

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