前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >input 属性 disabled 和 readonly 的区别

input 属性 disabled 和 readonly 的区别

作者头像
Denis
发布2023-04-15 10:13:32
1.1K0
发布2023-04-15 10:13:32
举报
文章被收录于专栏:WordPress果酱

disabled 和 readonly 的用法:

代码语言:javascript
复制
<input type="text" name="name" value="xxx" disabled="true"/>
<input type="text" name="name" value="xxx" readonly="true"/>

disabled 和 readonly 的区别

这两种写法都会使显示出来的文本框不能输入文字,都能做到使用户不能够更改表单域中的内容,但:

1. disabled 会使文本框变灰,而 readonly 只是使文本框不能输入,外观没有变化。

2. readonly 只针对 input 和 textarea 有效,而 disabled 对于所有的表单元素都有效。

3. 将表单以 POST 或 GET 的方式提交的话,使用了 disabled 后,这个元素的值不会被传递出去,而 readonly 会将该值传递出去。


本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • disabled 和 readonly 的用法:
  • disabled 和 readonly 的区别
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档