javascript中input中readonly和disabled区别介绍_表单特效
程序员文章站
2022-05-29 22:56:58
...
Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下:
Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而 readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,但是submit button却是可以使用的)。
例子
body>
js控制代码
实例
Untitled Document
属性 值 描述 disabled disabled
当 input 元素首次加载时禁用此元素,这样用户就无法在其中写文本,或选定它。
注释:不能与 type="hidden" 一同使用。
readonly readonly
指示此域的值不能被修改。
注释:仅可与 type="text" 配合使用。
总结
readonly代码:
readonly不可编辑,可复制,可选择,可以接收焦点但不能被修改,后台会接收到传值.
disabled代码:
disabled不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值
Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而 readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,但是submit button却是可以使用的)。
例子
复制代码 代码如下:
body>
js控制代码
复制代码 代码如下:
实例
复制代码 代码如下:
属性 值 描述 disabled disabled
当 input 元素首次加载时禁用此元素,这样用户就无法在其中写文本,或选定它。
注释:不能与 type="hidden" 一同使用。
readonly readonly
指示此域的值不能被修改。
注释:仅可与 type="text" 配合使用。
总结
readonly代码:
readonly不可编辑,可复制,可选择,可以接收焦点但不能被修改,后台会接收到传值.
disabled代码:
disabled不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值
上一篇: php服务器返回图片给安卓解决方法
推荐阅读
-
javascript中input中readonly和disabled区别介绍
-
javascript中input中readonly和disabled区别介绍
-
表单中Readonly和Disabled的区别详解
-
表单中Readonly和Disabled的区别
-
javascript中input中readonly和disabled区别介绍_表单特效
-
javascript中input中readonly和disabled区别介绍_表单特效
-
利用JavaScript更改input中radio和checkbox样式_表单特效
-
利用JavaScript更改input中radio和checkbox样式_表单特效
-
表单中Readonly和Disabled的区别详解
-
深入理解form表单中Readonly和Disabled的区别