在博客园中看到这样一篇文章,关于disabled和readonly的区别,以前还真的没有注意它们的区别,还是有必要知道它们的区别的,所以转载了. 这两个属性有类似之处,但是区别也是巨大的,之所以说类似,是因为这两个属性好像都貌似能够将指定的元素设置为"不可用"状态,下面就简单介绍一下它们两个的区别,希望能够给大家带来一定的帮助. 一.作用范围不同 disabled属性可以用于所有的表单元素.readonly属性只对<input type="text">.…
简而言之: disabled 和 readonly 区别: disabled 被禁用后的元素,不会随表单提交 readonly 不可修改, 会随表单提交…
从效果上看 源码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <form> <table> <caption>disabled与readonly的区别</caption> <t…
两种属性的写法如下: 1.<input type="text" name="name" value="xxx" disabled="true"/> 2.<input type="text" name="name" value="xxx" readonly="true"/> 这两种写法都会使显示出来的文本框不能输入文字, 但d…
最近需要将页面一些自动求和的字段设为不可操作,当然disabled和readonly都可以实现,但是我的页面需求是来录入数据的,当用disabled时,该字段值是无法被获取并传到后台的,这时如果使用readonly,传递数据倒是可以解决,但是客户说了,要实现Tab键顺次跳动,而且跳过这些不可操作的字段,但是一般带readonly属性的自动是可以被Tab识别的,网上有以下三种方法解决: 1.为所有可操作字段设定tabindex(0-32767) 2.将不可操作字段设定一个非常大的数值,这样这些字段…
首先这两种属性都会使显示出来的文本框不能输入. disabled 属性:规定禁用 input 元素.被禁用的 input 元素既不可用,也不可点击和编辑,使用 tab 键时将会被跳过,用户的所有操作对该输入项都无效.会使文本框变灰. 此属性对所有的表单元素都有效,但是表单元素在使用了 disabled 后,当我们将表单以 POST 或 GET 的方式提交的话,这个表单元素值不会被提取,也不会被提交. 注意:disabled 属性无法与 <input type="hidden"&g…
1.input文本框禁止修改文本 disabled属性:<input type="text" name="name" value="xxx" disabled="true"/> readonly属性:<input type="text" name="name" value="xxx" readonly="true"/> 以上…
在博客园中看到这样一篇文章,关于disabled和readonly的区别,以前还真的没有注意它们的区别,还是有必要知道它们的区别的,所以转载了. 这两个属性有类似之处,但是区别也是巨大的,之所以说类似,是因为这两个属性好像都貌似能够将指定的元素设置为"不可用"状态,下面就简单介绍一下它们两个的区别,希望能够给大家带来一定的帮助. 一.作用范围不同: disabled属性可以用语所有的表单元素.readonly属性只对<input type="text">…
1.Readonly只针对input(text / password)和textarea有效, 而disabled对于所有的表单元素都有效, 2.但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去, 而readonly会将该值传递出去(readonly接受值更改可以回传,disable接受改但不回传数据). disabled和readonly这两个属性有一些共同之处,比如都设为true,则form属性将不能被编辑,往往在写js代码的时…
参考链接: CSS3 pointer-events:none应用举例及扩展 首先pointer-events在除去SVG中的应用只有两个值:AUTO | NONE pointer-events:none 该属性可以让应用此属性的元素都会变成“真空”,比如:一个a连接上面覆盖一个div,当该div的css属性中有该属性时,该div就像不存在一样,可以直接点击到下方的a标签 这是一个很神奇的属性,Bootstrap就是利用这个属性,实现禁用控件的效果. Bootstrap中实现禁用效果有两个方法:…