首页 > 编程 > HTML > 正文

表单元素属性readonly和disabled使用对比

2024-08-26 00:12:09

字体：大中小

来源：转载

供稿：网友

1）适应范围：
readonly：input[type="text"],input[type="password"],input[type="teaxtarea"]
disabled：所有的表单元素，如select, radio, checkbox, button等

2）操作：
readonly：不允许用户修改操作，不影响其它的任何操作
disabled：阻止用户一切操作，包括用户点击事件，获取焦点事件

3）表单提交：
readonly：表单元素的值可以提交到服务器。
disabled：表单元素的值不会提交到服务器，即就是服务器获取不到此表单元素中的值

常见应用：

a>在某个表单中为用户预填了某个唯一识别代码，不允许用户改动，但是在提交时需要传递该值，此时应该将它的属性设置

为readonly ;

b>防止表单的重复提交，提交表单后使用javascript将提交按钮（表单按钮）禁用。

c>checkbox 和 radio中设置只读：禁用默认事件
如：jquery中的bind("click",function(){return false;});

上一篇：按钮与回车键关联的js代码

下一篇：a标签伪类的作用及书写顺序是什么

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注