禁止input标签显示的文本框输入文字

1,两种属性的写法如下：

 

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

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

 

 

 这两种写法都会使显示出来的文本框不能输入文字，

 

2,Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下：

 

（1）disabled会使文本框变灰，而且通过request.getParameter("name")得不到文本框中的内容（如果有的话），

 

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

 

（2）Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。

 

（3）表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的 值不会被传递出去，而readonly会将该值传递出去（这种情况出现在我们将某个表单中的textarea元素设置为disabled或 readonly，但是submit button却是可以使用的）。

3.，下面是我自己的例子

<input class="inputbox" id="display_people" readonly="true"></input>

 如果只是禁止文本框输入文字的话，个人建议用readonly比较好，不会破坏你整个页面的背景颜色。