文本框的禁用

文本框的禁用

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

disabled属性：

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

readonly属性：

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

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

2、disabled 和 readonly 属性的区别

disabled属性：

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

readonly属性：

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

3、radio 单选框 ,设置为只读，不能选定

disabled属性：

<input type="radio" name="gder" id="male" value="1" disabled/>
<label for="male">男</label>
<input type="radio" name="gder" id="female" value="2" disabled/>
<label for="female">女</label>

readonly属性：

<input type="radio" name="gder" id="male" value="1" readonly/>
<label for="male">男</label>
<input type="radio" name="gder" id="female" value="2" readonly/>
<label for="female">女</label>

4、radio 单选框里 disabled 和 readonly 属性的区别

disabled属性：

使文本框不能修改内容，且文本框内容变灰色;
但是 disabled 之后提交时服务器端就不能读取值了,可用 hidden 传值到后台

readonly属性：

radio控件本身就是只读了，所以加readonly等于没效果......