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

时间:2022-12-29 02:29:09

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=”目标颜色值”。