admin管理员组

文章数量:1640620

关于disabled和readonly的区别

在写前端页面的时候，写编辑功能时候，有些字段需要展示给客户，但是又不想让客户修改。我们自然而然的想到了disabled和readonly，在使用过程中，因为感觉readonly比较万能，所以都选择使用了readonly。但实际上，遇见下拉选择框，它就会失效。我又尝试disabled，这个确实可以不展示给客户，但是在更新数据库时出现了为空的问题。因此在此总结了一点关于disabled和readonly的知识。

  • 区别一
    disabled表示“使无效”，即这一区块只是展示功能，跟所有的功能基本都无关系了，这也就解释了为什么更新时候，传入的值为空。
    readonly表示“只读”，一般表示对于文字内容只读，即不可更改内容。

  • 区别二
    disabled属性可以作用于所有的表单元素。
    readonly属性只对可以输入的表单元素有效，例如：

<input type="text">
<input type="number">
<textarea>
<input type="password">
  • 区别三
    disabled属性阻止对元素的一切操作，例如获取焦点，点击事件等等。
    readonly属性只是将元素设置为只读，其他操作正常。

本文标签： 区别页面JSPreadonlydisabled

版权声明：本文标题：在jsp页面，disabled和readonly的区别 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1729320071a1195774.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。