HTML中禁用表单控件的两种方法readonly与disabled

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

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

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

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

举例:

复制代码

代码如下:

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

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

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

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

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

转载于:https://www.cnblogs.com/telwanggs/p/5825836.html

HTML中禁用表单控件的两种方法readonly与disabled相关推荐

excel日历弄到html,Excel中进行添加日历控件的两种方法
有时我们在运用Excel表格的时候会运用到日历的控件,可是小伙伴们却不知道在哪里添加.那么我们来看一下,它到底躲藏在哪里,又该怎么添加呢?今天,学习啦小编就教大家在Excel中进行添加日历控件的两种方 ...
html中完整表单控件,HTML表单和表单控件
表单标签(掌握) 表单目的是为了收集用户信息. 在网页中,我们也需要跟用户进行交互,收集用户资料,这时就需要表单. 在HTML中,一个完整的表单通常由表单控件(也叫表单元素),提示信息和表单域3个部分 ...
MFC中访问界面控件的两种方法
1.在资源中创建一个对话框资源,放置一些控件,然后使用类向导创建一个此对话框类型的变量,项目中会自动创建此对话框的.h和.cpp文件. 有两种方式可在代码中访问控件. (1)如果在代码中直接访问,则使 ...
html页面如何引用母版页,内容页面访问母版页控件的两种方法
母版页是ASP.NET2.0新增的一个功能,使用它可以更方便.更快速的创建风格一致的应用程序..NET的母版页和Dreamweaver的模板非常的相似,但.NET的母版页更加强大,它除了能够实现创建风 ...
Jsp页面中使用fckeditor控件的两种方法
fckeditor控件请到官方网站下载[url]http://www.fckeditor.net[/url],本例主要用到FCKeditor_2.6.3.zip.fckeditor-java-demo ...
进Linux系统单用户模式,Linux进入单用户模式的两种方法
单用户模式的作用在使用Linux系统中,维护人员经常会碰到一个问题,就是在拥有root账号权限和密码的用户中,总是会出现忘记root密码的情况. 遇到这种情况,一般情况下,维护人员就会通过最常用的方 ...
html遍历表格内控件,表单控件VBA
[VBA]遍历表中所有表单控件,并将控件的文本复制到如题,请问可以实现吗?通过VBA编程方法.注意,不是activex控件,是表#用VBA遍历CheckBox#可以先遍历所有shaps,再根据名称判断 ...
给表单控件添加超链接
在HTML中给表单控件添加超链接众所周知,常见的表单控件类型有text.password.button.submit.checkbox(复选框).radio(单选框).经常在做登录界面注册时会有一个 ...
下面哪些是html的表单控件,下列属于表单控件的是
下面关于表单控件基本操作的陈述中,哪个是正确的下面关于表单控件基本操作的陈述中,哪个是正确的搜索资料 我来答分享微信扫一扫网络繁忙请稍后重试新浪微博 QQ空间举报浏览14 次本地图 ...

HTML中禁用表单控件的两种方法readonly与disabled

HTML中禁用表单控件的两种方法readonly与disabled相关推荐

最新文章

热门文章