`

input中disabled与readonly的区别

    博客分类:
  • html
 
阅读更多


<input name=”country” id=”country” size=12 value=”disabled提交时得不到该值 " disabled=”disabled” > 放在form表单中提交后得不到该值。 将disabled=”disabled” 改为 readonly = “readonly” 即可

 

1. 设置为disabled的input将会有下面的限制:

?不能接收焦点 使用tab键时将被跳过 可能不是successful的 被限制的对象值将不会被传递到后台程序。
 

2.设置为readonly的input将会有下面的限制:

?可以接收焦点但不能被修改 可以使用tab键进行导航 可能是successful的 只有successful的表单元素才是有效数据,也即是可以进行提交。 被限制的对象值与后台交互时值传递。

分享到:
评论

相关推荐

    javascript中input中readonly和disabled区别介绍

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

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

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

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

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

    disabled与readonly的作用及区别介绍

    2:disabled 和readonly有相同的地方也是可以锁定这个控件用户不能改变他的值,但是disabled的更彻底一些,他是要使你完全不能使用他,包括改变他的背景颜色(不信,你去修改一个被disabled掉的input文本框,你发现...

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

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

    Readonly和Disabled的区别

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

    浅谈html中input只读属性readonly和disable的区别

    下面小编就为大家带来一篇浅谈html中input只读属性readonly和disable的区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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

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

    html form表单input使用disabled后提交不能获取表单值的解决方法

    form表单输入框input设置disable属性提交后,得不到该输入框的值,解决该类问题可以参考下面两个方法: 方法一: 使用readonly带替代disabled,即把 disabled="disabled" 修改为 readonly="readonly" 二者区别: ...

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

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

    elementUI 设置input的只读或禁用的方法

    PS:下面看下elementui通过 disabled 属性指定是否禁用 input 组件,如何用DOM操作取消disabled 属性 &lt;!DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;meta name=...

    input为disabled提交后得不到该值的解决方法

    input的字段当为diabled时时无法获取数值得,所以最近不要用这个,我们可以用readonly带替代,即可解决这类问题

    使用jQuery设置disabled属性与移除disabled属性

    表单中readOnly和disabled的区别: Readonly只针对input(text/ password)和textarea有效,而disabled对于所有的表单元素都有效,包括select,radio, checkbox, button等。 但是表单元素在使用了disabled后,当我们将...

    使用HTML开发商业网站-表单控件-input课件.pptx

    表单控件-Input控件 表单控件 ... 表单控件 ...input控件在页面中的显示宽度 readonly readonly 该控件内容为只读(不能编辑修改) disabled disabled 第一次加载页面时禁用该控件(显示为灰色) chec

    HTML中禁用表单控件的两种方法readonly与disabled

    在网页的制作过程中,我们会经常使用到表单...input type=”text” value=”只读的” readonly=”readonly” /&gt; &lt;input type=”text” value=”不可用的” disabled=”disabled” /&gt; 举例中的两个控件都是不可

    Readonly和Disabled之间的微小区别详解

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

    html ReadOnly 和 Enabled 区别

    ReadOnly 属性的TextBox在客户端会展现成这样的标记: <input readonly = readonly> Enabled 属性的TextBox在客户端会展现成这样的标记: <input disabled=disabled> Html服务器控件使用一个派生于HtmlControl...

Global site tag (gtag.js) - Google Analytics