自己建网站要学什么,顺的网站建设咨询,网站制作哪个软件,长春网站建设手机版论readonly与disabled在css中区别
之前在项目中遇到的一个问题#xff0c;现在想把它记录下来。 当项目需求上需要在文本框中禁用输入某个值的时候#xff0c;我第一个反应是用了disabled#xff0c;因为之前一直接触的都是disabled。但当我需要提交FROM表单的时候#xf…论readonly与disabled在css中区别
之前在项目中遇到的一个问题现在想把它记录下来。 当项目需求上需要在文本框中禁用输入某个值的时候我第一个反应是用了disabled因为之前一直接触的都是disabled。但当我需要提交FROM表单的时候发现文本框的值根本不能提交过去这个时候我就觉得很奇怪了为什么使用disabled这个属性的值不会提交呢后来经过询问与了解便知道还有另外一个在文本框文本域中显示只读模式的属性元素readonly。 如图使示 disabled属性在网页中显示出来是这个效果 readonly属性在网页中显示出来则是这个效果
个人认为在样式上disabled属性比readonly属性更为可观但你需要后台获取值的时候readonly属性就可以发挥它的作用这是在功能上比disabled更胜一筹的。如果设置了disabled属性在后台是获取不到登录名的值的。但你不需要传值的时候disabled属性就比readonly属性的范围更广但readonly属性只对 input 和 textarea 标签有效disabled属性 textarea, input, label, option, select button, 等等标签都有效没有readonly属性局限的多。 使用disabled即使在页面上不能改变值但还有一种方法即是通过JavaScript可以通过给value赋值来改变值。 disabled与readonly虽然都能够做到在输入框中不能更改内容但还是有基本的区别的如果需要让值进行提交还是要用readonly属性这个需要看个人项目需求。
