`
jveqi
  • 浏览: 312805 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

input中readOnly与disabled

 
阅读更多

怎样使input中的内容为只读,也就是说不让用户更改里面的内容。 

  

 <input type="text" name="input1" value="中国" /> 

 <input type="text" name="input1" value="中国" readonly /> 

 <input type="text" name="input1" value="中国" disabled /> 

 最好不要用disabled,不然就无法取出里面的值了. 

   

 <input type="text" name="input1" value="中国" readonly="true" /> 

 <input type="text" name="input1" value="中国" readonly /> 

 区别: 

 1.disabled  --  完全不可编辑,并且是不能复制的。 

 2.readonly   --  不可编辑,但是是可以复制。 

 3.Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。 

 4.表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去 

   

 同点: 

 使input不可编辑。

分享到:
评论

相关推荐

    javascript中input中readonly和disabled区别介绍

    javascript中input中readonly和disabled区别,在开发中可能会常有用到,利用js动态改变input的属性

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

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

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

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

    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中禁用表单控件的两种方法readonly与disabled

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

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

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

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

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

    html表单控件禁用属性readonly VS disabled介绍

    input type=text value= readonly=readonly /&gt; &lt;input type=text value= disabled=disabled /&gt;  举例中的两个控件都是不可修改的。但是他们也有一些区别!  从字面意思我们可以知道,试用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=...

    disabled与readonly的作用及区别介绍

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

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

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

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

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

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

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

    html总结文档

    主要属性:maxlength readonly="readonly" disabled="disabled"不可用的,不能输入内容。 4.单选框和复选框:&lt;input type="radio"/&gt; &lt;input type="checkbox"/&gt; checked属性值为 true 或 false

Global site tag (gtag.js) - Google Analytics