资讯专栏INFORMATION COLUMN

关于表单中Readonly和Disabled的区别

tinysun1234 / 3109人阅读

摘要:和是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下只针对和有效,而对于所有的表单元素都有效,包括等。使用表单或传递时会被传递出去。但是的显示效果是没有灰化的。

Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下:
Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。

共同点:都不能编辑和获取焦点。
readonly:使用表单post或get传递时会被传递出去。

disable:使用表单post或get传递时不会被传递出去。

但是readonly的显示效果是没有灰化的。

ps 小技巧: 可以给readonly设置一个css样式:

style="background-color:#cccccc;"

就酱紫 继续撸作业! ╮(╯_╰)╭

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/49500.html

相关文章

  • 关于表单ReadonlyDisabled区别

    摘要:和是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下只针对和有效,而对于所有的表单元素都有效,包括等。使用表单或传递时会被传递出去。但是的显示效果是没有灰化的。 Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下: Readonly只针对in...

    xfee 评论0 收藏0
  • 表单元素readonlydisabled区别

    摘要:一和作用元素的范围不同属性可以作用于所有的表单元素。二和对元素的作用程度不同属性只是将元素设置为只读,可以获取焦点失去焦点。而属性直接阻止对元素的一切操作。属性则不影响提交问题总结属性规定输入字段为只读。属性规定应该禁用元素。 一、readonly和disabled作用元素的范围不同 disabled属性可以作用于所有的表单元素。readonly属性只对、、和等可以输入的表单元素有效...

    MobService 评论0 收藏0
  • 表单元素readonlydisabled区别

    摘要:一和作用元素的范围不同属性可以作用于所有的表单元素。二和对元素的作用程度不同属性只是将元素设置为只读,可以获取焦点失去焦点。而属性直接阻止对元素的一切操作。属性则不影响提交问题总结属性规定输入字段为只读。属性规定应该禁用元素。 showImg(https://segmentfault.com/img/bVbwrI1?w=945&h=398); 一、readonly和disabled作用...

    mingzhong 评论0 收藏0
  • Html知识点

    摘要:和的区别表示只读,只能用于文本框,不能修改内容,它的值可以随表单提交给服务器表示该元素不可用,不响应事件,不能修改内容。同时不响应事件。通配选择器属性为的元素中,所有的子元素均采用该样式。表示按照格式规则正常定位。1、企业应用计算模式主要有:CS模式(客户端/服务器)和BS模式(浏览器/服务器模式) 2、html:超文本标记语言。以标记和子标记描述网页元素。  http:超文本传输协议。 3...

    番茄西红柿 评论0 收藏0
  • 你不知道CSS(三)

    摘要:本文首发于我的博客在前面两篇文章你不知道的一和你不知道的二中大致介绍了一些方面比较隐晦的但又很实用的技巧。系列文章你不知道的一你不知道的二本文首发于我的博客 本文首发于我的博客 在前面两篇文章《你不知道的CSS(一)》和《你不知道的CSS(二)》中大致介绍了一些CSS方面比较隐晦的但又很实用的技巧。相信这些技巧会为大家在项目实践中带来一定的帮助,本文作为《你不知道的CSS》系列的第三篇...

    xiangzhihong 评论0 收藏0

发表评论

0条评论

tinysun1234

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<