`

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

    博客分类:
  • css
 
阅读更多

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比较好,不会破坏你整个页面的背景颜色。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics