HTML中禁用表单控件有几种方法-木庄网络博客

本文摘自PHP中文网，作者php中世界最好的语言，侵删。

这次给大家带来HTML中禁用表单控件有几种方法，HTML中禁用表单控件的注意事项有哪些，下面就是实战案例，一起来看一下。

在网页的制作过程中，我们会经常使用到表单。但是有时候我们会希望表单上的控件是不可修改的，比如在修改密码的网页中，显示用户名的文本框就应该是不可修改状态的。
在html中有两种禁用的方法，他们分别是：

1 2	`1.给控件标签加上readonly='readonly'属性` `2.给控件标签加上disabled='disabled'属性`

举例:

1 2	`<input type="text"` `value="只读的"` `readonly="readonly"` `/>` `<input type="text"` `value="不可用的"` `disabled="disabled"` `/>`

举例中的两个控件都是不可修改的。但是他们也有一些区别！
从字面意思我们可以知道，试用readonly属性的控件是"只读"的,而试用disabled是"被禁用"的。那么他们的区别是什么呢？
只读的控件(使用了readonly属性的控件)是用户不可以用鼠标和键盘修改其值的，但是程序员可以用javascript来修改，当提交表单的时候这个控件的名和值会提交到服务器，也就是说对服务器是可见的。
而被禁用的控件(使用了disabled属性的控件)不但用户不可以用鼠标和键盘修改，而且是对服务器不可见的，即提交表单的时候其名和值不会提交到服务器，当然，程序员也可以用javascript来修改其值。
这就是他们的区别，知道了区别之后咱们就应该知道什么时候使用哪种方法了，切不可盲目！

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！