HTML中禁用表单控件的方法

来源:爱站网时间:2020-10-22编辑:网友分享
我们在制作网页的时候经常会使用到表单,很多时候我们会希望表单上的控件是无法修改的,那么我们就可以把这些控件给禁用掉,那么你知道HTML中禁用表单控件的方法有哪些吗?

我们在制作网页的时候经常会使用到表单,很多时候我们会希望表单上的控件是无法修改的,那么我们就可以把这些控件给禁用掉,那么你知道HTML中禁用表单控件的方法有哪些吗?

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

在html中有两种禁用的方法,他们分别是:

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

举例: 

 

复制代码
代码如下:


 


举例中的两个控件都是不可修改的。但是他们也有一些区别!

从字面意思我们可以知道,试用readonly属性的控件是"只读"的,而试用disabled是"被禁用"的。那么他们的区别是什么呢?

只读的控件(使用了readonly属性的控件)是用户不可以用鼠标和键盘修改其值的,但是程序员可以用javascript来修改,当提交表单的时候这个控件的名和值会提交到服务器,也就是说对服务器是可见的。

而被禁用的控件(使用了disabled属性的控件)不但用户不可以用鼠标和键盘修改,而且是对服务器不可见的,即提交表单的时候其名和值不会提交到服务器,当然,程序员也可以用javascript来修改其值。

以上就是小编为大家介绍HTML中禁用表单控件的方法,上文中介绍了两种方法的区别,大家在知道了区别就知道用什么方法去禁用啦。

上一篇:实用的meta设置方法

下一篇:HTML浏览器标题栏怎么显示小图标

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载