如何让html中的下拉框变成只读的
发布网友
发布时间：2022-04-23 04:34
共1个回答
热心网友
时间：2022-04-19 06:58
在设计网页时，有时需要将输入框设置为只读状态，即其中的内容不可编辑，实现这种设计的方法有两种：
使用input的disable和readonly两个属性。
先来看下二者的区别：
<input type= "text " readonly= "true " value= "这是readonly的！ ">
<input type= "text " disabled= "true " value= "这是disabled的！ ">
可以看到，虽然两种都是让input的内容不能被用户编辑，但是对于后期的美工处理就有问题了！
例如：
<style>
input
{
color:blue;
}
</style>
只有readonly的那个文本是蓝色的！
disabled是按系统设置的disabled颜色来设置前景色的，css对其无效！
另外，readonly和disabled还有一个不同点就是，当input属性为readonly时，提交表单是可以获得input的内容。
如果是disabled则不能获得所提交的内容，返回值全部为null，所以此处需要注意。
慎用readonly和disabled，指定了disabled的表单，在submit时，不会把它的值传出去。
例如，有两个text，一个是readonly一个是disabled，submit后，只能发送那个不是disabled的。
注意地址栏的值. 要保存到本地，因为submit了，不然，看不到效果。
