HTML中设置输入框为只读与不可编辑的区别
来源:互联网 发布:淘宝导航条的尺寸 编辑:程序博客网 时间:2024/04/28 16:25
在设计网页的时候,有时候我们需要将输入框设置为只读状态,即其中的内容不可编辑,实现这种设计的方法有两种,分别是使用input的disable和readonly两个属性,不过他们之前还是有一些区别的。
<INPUT
<INPUT
可以看到,虽然两种都是让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了,不然,看不到效果.
<input type="text" value="只读是可以读取其文字内容的但不能编辑和输入" readonly size="100">
<input type="text" value="文字变灰不能读取其文字内容也不能编辑和输入" disabled size="100">
- HTML中设置输入框为只读与不可编辑的区别
- HTML中设置输入框为只读状态的方法
- HTML中设置输入框为只读状态的方法
- HTML中设置输入框为只读状态的方法
- html中输入框为只读状态如何设置
- HTML中让表单input等文本框为只读不可编辑的方法
- HTML中让表单input等文本框为只读不可编辑的方法
- HTML中让表单input等文本框为只读不可编辑的方法
- HTML中让表单input等文本框为只读不可编辑的方法汇总
- HTML中让表单input等文本框为只读不可编辑的方法
- HTML中让表单input等文本框为只读不可编辑的方法
- HTML中让表单input等文本框为只读不可编辑的方法
- html中设置元素不可编辑的方法以及readonly与disabled区别
- 修改placeholder的颜色 、HTML中让表单input等文本框为只读不可编辑的方法
- 使html中的输入框设置为只读状态
- Html中让表单、文本框、文本域、按钮等不可编辑,只读的方法
- HTML:让表单 文本框 只读,不可编辑的方法
- html 让input标签只读不可编辑的方法。
- IOS TabbarController
- OpenCL例程3-矩阵相乘
- Android之Service与IntentService的比较 .
- ios--CGImage载入的图片,查看bitmap详细信息的一段好用代码
- jQuery中需要注意的细节问题小结 详细出处参考:http://www.jb51.net/article/29076.htm
- HTML中设置输入框为只读与不可编辑的区别
- 动态内存申请函数选择(realloc、malloc 、alloca、 calloc)
- 使用JDBC开发Hive程序依赖的jar包
- ios7开发错误搜集
- 快速排序-转自java数据结构与算法
- MySQL slave状态之Seconds_Behind_Master
- 大型网站架构演化
- Ubuntu .profile环境变量汇总
- MATLAB/C++学习资料,电子书,教学视频汇总