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

欧阳锋 · 发表于 2021-1-24 00:03:21

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

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

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

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

2、disabled和readonly属性的区别

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

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

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

		自动登录	找回密码
密码			会员注册

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