input 属性 只读(input属性有哪几个属性值)
大家好,感谢邀请,今天来为大家分享一下input 属性 只读的问题,以及和input属性有哪几个属性值的一些困惑,大家要是还不太明白的话,也没有关系,因为接下来将为大家分享,希望可以帮助到大家,解决大家的问题,下面就开始吧!
html中input只读属性readonly 和 disable的区别
readonly属性规定输入字段为只读。
只读字段是不能修改的。不过,用户仍然可以使用 tab键切换到该字段,还可以选中或拷贝其文本。
readonly属性可以防止用户对值进行修改,直到满足某些条件为止(比如选中了一个复选框)。然后,需要使用 JavaScript消除 readonly值,将输入字段切换到可编辑状态。
readonly属性可与<input type="text">或<input type="password">配合使用。
disabled属性规定应该禁用 input元素。
被禁用的 input元素既不可用,也不可点击。可以设置 disabled属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过 JavaScript来删除 disabled值,将 input元素的值切换为可用。
注释:disabled属性无法与<input type="hidden">一起使用。
input readOnly和readonly有什么区别
在JS中使用DOM属性readOnly是区分大小写的,所以,你最后的readonly=true是错误的.但对于标签内的属性大小写是不敏感的,在HTML4和之前的标准推荐标签属性名大写,并且READONLY属性可以不写值,但在XHTML和之后的规范中推荐使用小写了,并且要求属性名必须有值,也就是readonly="readonly",一般来说,标签属性中的大小写都不会影响其效果.
而如果你正确设置了readOnly(无论是通过标签属性还是JS),都不会出现只能删不能写的情况.
如何设置表单的input文本框不可编辑
本篇文章给大家带来的内容是以input文本框为例来介绍如何设置表单不可编辑,让大家了解实现所有表单字段(文本框,标签,复选框,文本区域)不可编辑的方法,知道readonly属性和disabled属性的区别。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。
有时,我们需要以不可编辑的模式显示表单域,那么如何实现?我们可以通过为表单字段(input文本框,标签,复选框,文本区域)设置以下方法来实现表单的不可编辑功能。【相关视频教程推荐:html教程】
我们以input文本框为例来看看效果:
1、onfocus=this.blur()
<input type="text" name="input1" value="Gxl网" onfocus=this.blur()>
可以看出,表单input文本框无法被点击,不可进行编辑了;里面的文字也无法选择。
2、readonly属性
<input type="text" name="input1" value="Gxl网" readonly>
<input type="text" name="input1" value="Gxl网" readonly="true">
可以看出,表单input文本框无法被点击,不可进行编辑了。
3、disabled属性
<input type="text" name="input1" value="Gxl网" disabled>
注意:
我们不能为所有表单字段或元素设置readonly属性。<select>,<option>和<button>元素没有readonly属性,但它们具有disabled属性,可以通过设置disabled属性来实现不可编辑功能。
下面我们来看看readonly属性和disabled属性的区别是什么?
readonly属性和disabled属性都是表单字段(文本框,标签,复选框,文本区域)的不可编辑属性,下面我们来看看它们的区别
disabled属性----禁用属性
1、禁用的表单字段或元素值不会发布到服务器进行处理。
2、禁用的表单字段或元素不会获得焦点。
3、选项卡导航时会跳过已禁用的表单字段或元素。
4、某些浏览器(如IE)为禁用的表单字段或元素提供默认样式(灰色或浮雕文本)。
readonly属性----只读属性
1、字段或元素的值以只读形式来发布到服务器进行处理。
2、只读表单字段或元素可以获得焦点。
3、选项卡导航时包含只读表单字段或元素。
4、某些浏览器不为只读表单字段或元素提供默认样式。
关于input 属性 只读和input属性有哪几个属性值的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。