您现在的位置是：网站首页> 编程资料编程资料

HTML中禁用表单控件的两种方法readonly与disabled通过disabled和readonly将input设置为只读效果html表单属性readonly和disabled的使用方法html表单控件禁用属性readonly VS disabled介绍

2021-08-30 1287人已围观

简介 有时候我们会希望表单上的控件是不可修改的，比如在修改密码的网页中，显示用户名的文本框就应该是不可修改状态的，下面与大家分享下禁用表中控件的两种方法

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

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

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

举例: 


复制代码
代码如下:





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

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

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

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

这就是他们的区别，知道了区别之后咱们就应该知道什么时候使用哪种方法了，切不可盲目！

上一篇：单选按钮、多选按钮用图片实现加样式纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果

下一篇：Button的四种Click响应方法汇总纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网