主页 > 知识库 > HTML中禁用表单控件的两种方法readonly与disabled

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

热门标签:巫山县地图标注app 浦东新区百度地图标注图片 邹城智能外呼系统 外呼智能系统报价 腾讯植物园地图标注 个贷电销机器人 华为收费站地图标注 经纶电销机器人 电话机器人宣传片
在网页的制作过程中,我们会经常使用到表单。但是有时候我们会希望表单上的控件是不可修改的,比如在修改密码的网页中,显示用户名的文本框就应该是不可修改状态的。

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

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

举例: 


复制代码
代码如下:

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


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

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

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

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

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

标签:滁州 那曲 广西 南平 三沙 唐山 日喀则 杨凌

巨人网络通讯声明:本文标题《HTML中禁用表单控件的两种方法readonly与disabled》,本文关键词  HTML,中,禁用,表单,控件,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《HTML中禁用表单控件的两种方法readonly与disabled》相关的同类信息!
  • 本页收集关于HTML中禁用表单控件的两种方法readonly与disabled的相关信息资讯供网民参考!
  • 推荐文章