readonly vs disabled

当我们想禁止用户编辑表单元素时，经常使用readonly或disabled，但是他们俩之间也有写细微的差别，详情如下

1. 属性适用范围

readonly属性只针对input(text,password)和textarea有效，而disabled属性对所有的表单元素都适用，包括select, radio, checkbox,button等

2. 元素赋值是否有用

在做表单提交时，使用了disabled属性的元素的值是不会被提交的，而使用readonly属性的元素的值是会被传递出去的

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • 网络技术与应用
    HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的，因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 10,174评论 0赞 0
  • 十三、表单脚本
      JavaScript 最初的一个应用，就是分担服务器处理表单的责任，打破处处依赖服务器的局面。   尽管目前的...
    霜天晓阅读 3,968评论 0赞 3
  • Bootstrap（基础一）
    Bootstrap是什么？ 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 13,745评论 3赞 184
  • Javascript中的Form表单知识点总结
    本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中，表单是由form元素来表示的，但是在jav...
    linfree阅读 6,700评论 3赞 17
  • DIV+CSS学习笔记总结篇
    转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,776评论 32赞 459

友情链接更多精彩内容