HTML中禁用表中控件的两种方法与区别
2024-10-21 06:05:46
在网页的制作过程中,我们会经常使用到表单。但是有时候我们会希望表单上的控件是不可修改的,比如在修改密码的网页中,显示用户名的文本框就应该是不可修改状态的。
在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来修改其值。
这就是他们的区别,知道了区别之后咱们就应该知道什么时候使用哪种方法了,切不可盲目!
最新文章
- .Net Core上也可以使用的二维码组件
- ROWID伪列
- Linux 性能监测:介绍
- VellCar(我的钢管车)
- SpringMVC入门1
- poj 2184 Cow Exhibition(dp之01背包变形)
- webpack的配置及使用
- SqlServer mssql 按月统计所有部门
- Apache BeanUtils 1.9.2 官方入门文档
- ZooKeeper场景实践:(2)集中式配置管理
- Ansible6:Playbook简单使用【转】
- HTML5 &; CSS3初学者指南(3) – HTML5新特性
- 瞎谈CNN:通过优化求解输入图像
- [ExtJS5学习笔记]第二节 Sencha Cmd 学习笔记 使你的sencha cmd跑起来
- display inline or block
- 新闻思考-阿里进军游戏产业,苹果发力ARM芯片
- 真机控件获取 app-inspector
- ZOJ - 3261 Connections in Galaxy War(并查集删边)
- android中SELINUX规则分析和语法简介【转】
- 项目Alpha冲刺 2