html中输入框为只读状态如何设置
2014-10-30 17:23
363 查看
本文介绍了html页面中输入框只读状态的设置方法,在设计网页时,有时需要将输入框设置为只读状态,即其中的内容不可编辑,实现这种设计的方法有两种,感兴趣的朋友可以参考下。
在设计网页时,有时需要将输入框设置为只读状态,即其中的内容不可编辑,实现这种设计的方法有两种:
使用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了,不然,看不到效果。
在设计网页时,有时需要将输入框设置为只读状态,即其中的内容不可编辑,实现这种设计的方法有两种:
使用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了,不然,看不到效果。
相关文章推荐
- HTML中设置输入框为只读状态的方法
- HTML中设置输入框为只读状态的方法
- HTML中设置输入框为只读状态的方法
- 使html中的输入框设置为只读状态
- HTML中设置输入框为只读与不可编辑的区别
- html中<checkbox>标签用法解析及如何设置checkbox复选框的默认选中状态
- EditText控件设置只读,动态控制EditText状态 输入框不自动打开输入法
- 如何设置输入框达到只读效果
- HTML页面中,如何设置一个input输入框的焦点?
- 如何在DBGrid中实现某一列的单元格进入编辑状态,其它列的单元格保持只读状态
- 在VC中,如何修改文件的只读属性设置
- 如何为Fckeditor设置只读属性
- C# :创建SQL Server数据库、设置SQL Server数据库为只读状态、修改和压缩SQL Server数据库、新建(删除和修改)数据表、修改(新增和删除)数据列
- 在VC中,如何修改文件的只读属性设置(转)
- 设置struts的html:radio默认为选中状态
- Flex中如何通过enabled属性在RadioButtonGroup中将所有的RadioButton设置为有效或无效状态的例子
- 如何使文件上传输入框为只读属性
- [VB.NET]VB2005,DataGridView如何设置当前的单元格里的内容处于编辑状态.
- 设置Oracle的bash环境及字符集、如何查看Oracle数据库的状态
- Struts中如何设置CheckBox为选中状态