怎样使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区别,在开发中可能会常有用到,利用js动态改变input的属性
有两种方式可以实现input的只读效果:disabled 和 readonly。 自然两种出来的效果都是只能读取不能编辑,可是两者有很大不同。 Disabled说明该input无效,及其value不会传递给任何程序,比如asp、php等。 Readonly...
1)适应范围: readonly:input[type="text"],input[type="password"],input[type="teaxtarea"] disabled:所有的表单元素,如select, radio, checkbox, button等 2)操作: readonly:不允许用户修改操作,不影响...
Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下: 1.readonly 代码如下: $(‘input’).attr(“readonly”,”readonly”)//将input元素设置为readonly $(‘input’).removeAttr(...
总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式...
下面小编就为大家带来一篇浅谈html中input只读属性readonly和disable的区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下: 1.readonly 代码如下: $(‘input’).attr(“readonly”,”readonly”)//将input元素设置为readonly $(‘input’).removeAttr(...
在网页的制作过程中,我们会经常使用到表单...input type=”text” value=”只读的” readonly=”readonly” /> <input type=”text” value=”不可用的” disabled=”disabled” /> 举例中的两个控件都是不可
怎样通过disabled和readonly将input设置为只读效果.docx
Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,但是表单...
input type=text value= readonly=readonly /> <input type=text value= disabled=disabled /> 举例中的两个控件都是不可修改的。但是他们也有一些区别! 从字面意思我们可以知道,试用readonly属性的...
PS:下面看下elementui通过 disabled 属性指定是否禁用 input 组件,如何用DOM操作取消disabled 属性 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=...
2:disabled 和readonly有相同的地方也是可以锁定这个控件用户不能改变他的值,但是disabled的更彻底一些,他是要使你完全不能使用他,包括改变他的背景颜色(不信,你去修改一个被disabled掉的input文本框,你发现...
form表单输入框input设置disable属性提交后,得不到该输入框的值,解决该类问题可以参考下面两个方法: 方法一: 使用readonly带替代disabled,即把 disabled="disabled" 修改为 readonly="readonly" 二者区别: ...
Readonly只针对input(text/ password)和textarea有效,而disabled对于所有的表单元素都有效,包括select,radio, checkbox, button等。 但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这...
表单控件-Input控件 表单控件 ... 表单控件 ...input控件在页面中的显示宽度 readonly readonly 该控件内容为只读(不能编辑修改) disabled disabled 第一次加载页面时禁用该控件(显示为灰色) chec
主要属性:maxlength readonly="readonly" disabled="disabled"不可用的,不能输入内容。 4.单选框和复选框:<input type="radio"/> <input type="checkbox"/> checked属性值为 true 或 false