input文本框禁止修改文本——disabled和readonly属性的作用及区别

目录

• 1、input文本框禁止修改文本
• 2、disabled和readonly属性的区别

回到顶部(go to top)

1、input文本框禁止修改文本

disabled属性：<input type="text" name="name" value="xxx" disabled="true"/>

readonly属性：<input type="text" name="name" value="xxx" readonly="true"/>

以上两种属性都可以禁止文本框修改文字。

回到顶部(go to top)

2、disabled和readonly属性的区别

disabled属性，使文本框不能修改内容，且文本框内容变灰色，通过request.getParameter("name")得不到文本框中的内容；

readonly属性，只是使文本框不能修改内容，外观没有变化，而且通过request.getParameter("name")可以得到内容。

note: 当使用disabled属性时，如果想是文本框内容改变颜色，可以改变其属性，即obj.style.color=”目标颜色值”。