`

Disabled和Readonly的区别

阅读更多

前几天做项目的时候,提交表单的时候,有几个字段是不可修改的,就将input框设置成了Disabled的,结果表单提交过程中,这几个值无法传到后台。导致这种情况的原因如下:

Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,但是submit button却是可以使用的)。

 

所以在表单提交时,可以用readonly替代disabled。 

分享到:
评论

相关推荐

    怎样通过disabled和readonly将input设置为只读效果.docx

    怎样通过disabled和readonly将input设置为只读效果.docx

    HTML中Select不用Disabled实现ReadOnly的效果

    方法如下: 代码如下:<select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”> <option>1 <...

    javascript中input中readonly和disabled区别介绍

    但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当...

    disabled与readonly的作用及区别介绍

    readonly是要锁定这个控件,disabled 和readonly有相同的地方也是可以锁定这个控件用户不能改变他的值,但是disabled的更彻底一些

    通过disabled和readonly将input设置为只读效果

    有两种方式可以实现input的只读效果:disabled 和 readonly。 自然两种出来的效果都是只能读取不能编辑,可是两者有很大不同。 Disabled说明该input无效,及其value不会传递给任何程序,比如asp、php等。 Readonly...

    Readonly和Disabled的区别

    总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式...

    readonly和disabled的区别

    要慎用readonly和disabled, 指定了disabled的表单,在submit时,不会把它的值传出去, 如下所示,有两个text,一个是readonly一个是disabled,submit后,只能发送那个不是disabled的,注意地址栏的值. 要保存到本地,因为...

    readonly和disabled属性的区别

    主要介绍了readonly和disabled属性的区别,非常的简单实用,需要的朋友可以参考下

    表单中Readonly和Disabled的区别详解

    主要介绍了表单中Readonly和Disabled的区别详解,十分的细致,全面,需要了解相关信息的小伙伴们快来仔细研究下吧

    jquery设置元素的readonly和disabled的写法

    Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下: 1.readonly 代码如下: $(‘input’).attr(“readonly”,”readonly”)//将input元素设置为readonly $(‘input’).removeAttr(...

    jquery批量设置属性readonly和disabled的方法

    Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下: 1.readonly 代码如下: $(‘input’).attr(“readonly”,”readonly”)//将input元素设置为readonly $(‘input’).removeAttr(...

    表单元素属性readonly和disabled使用对比

    1)适应范围: readonly:input[type="text"],input[type="password"],input[type="teaxtarea"] disabled:所有的表单元素,如select, radio, checkbox, button等 2)操作: readonly:不允许用户修改操作,不影响...

    textarea的disabled与readonly属性具体用法介绍

    disabled属性表示一个被禁用的文本区,readonly 属性规定文本区为只读,下面以示例的方式为大家介绍下两者具体的用法与区别

Global site tag (gtag.js) - Google Analytics