首页 >

HTML中禁用表单控件办法readonly与disabled

web前端|html教程HTML中禁用表单控件办法readonly与disabled
禁用控件,readonly,disabled
web前端-html教程
有时候我们会希望表单上的控件是不可修改的,比如在修改密码的网页中,显示用户名的文本框就应该是不可修改状态的,下面与大家分享下禁用表中控件的两种方法
在网页的制作过程中,我们会经常使用到表单。但是有时候我们会希望表单上的控件是不可修改的,比如在修改密码的网页中,显示用户名的文本框就应该是不可修改状态的。
固定资产管理系统 源码php,ubuntu突然进不,东方财富数据爬虫,php 同步,里水seo策略lzw
在html中有两种禁用的方法,他们分别是:
dedecms女性站源码,ubuntu怎么下载wps,广州出现红色爬虫,influxdb php,崇州seo营销lzw
1.给控件标签加上readonly=’readonly’属性
2.给控件标签加上disabled=’disabled’属性
静态企业网站源码,vscode点击运行配置,编程 ubuntu os,sts上安装tomcat,爬虫业绩,php 截取第一个,中山品牌seo推广价格,.net源码免费网站,dede通用模板下载lzw
举例:

代码如下:

 

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

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

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

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

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

更多HTML中禁用表单控件的方法readonly与disabled相关文章请关注PHP中文网!


HTML中禁用表单控件办法readonly与disabled
  • 在HTML中disabled与readonly的有什么不同之处?
  • 在HTML中disabled与readonly的有什么不同之处? | 在HTML中disabled与readonly的有什么不同之处? ...

    HTML中禁用表单控件办法readonly与disabled
  • 使用jQuery设置disabled属性与移除disabled属性【jquery】
  • 使用jQuery设置disabled属性与移除disabled属性【jquery】 | 使用jQuery设置disabled属性与移除disabled属性【jquery】 ...

    HTML中禁用表单控件办法readonly与disabled
  • JS中如何设置readOnly的值【javascript】
  • JS中如何设置readOnly的值【javascript】 | JS中如何设置readOnly的值【javascript】 ...