HTML中设置输入框为只读状态的方法
2017-04-10 14:00
204 查看
在设计网页的时候,有时候我们需要将输入框设置为只读状态,即其中的内容不可编辑,实现这种设计的方法有两种,分别是使用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 type="text" value="只读是可以读取其文字内容的但不能编辑和输入" readonlysize="100">
<input type="text" value="文字变灰不能读取其文字内容也不能编辑和输入" disabledsize="100">
<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 type="text" value="只读是可以读取其文字内容的但不能编辑和输入" readonlysize="100">
<input type="text" value="文字变灰不能读取其文字内容也不能编辑和输入" disabledsize="100">
相关文章推荐
- HTML中设置输入框为只读状态的方法
- HTML中设置输入框为只读状态的方法
- html中输入框为只读状态如何设置
- 使html中的输入框设置为只读状态
- HTML中设置输入框为只读与不可编辑的区别
- EditText控件设置只读,动态控制EditText状态 输入框不自动打开输入法
- html设置子画面的title的一个方法
- [HTML]表格Table宽度设置无效的解决方法
- 一个工具类WebUtil.java(包含设置cookie,得到cookie的方法,去除字符串当中的html标签的方法等等)
- FormEditor 开发记录5 根据状态和状态的变化 设置只读
- 跨浏览器的设置 innerHTML 方法 允许插入的 HTML 代码中包含 script 和 style
- 将MS SQL SERVER数据库运行在普通用户(独立用户)状态下的设置方法终结篇
- 将MS SQL SERVER数据库运行在普通用户(独立用户)状态下的设置方法终结篇
- 设置struts的html:radio默认为选中状态
- 【HTML】【CSS】表格设置了table-layout:fixed后第一行合并单元格其下单元格宽度设置不起作用的解决方法
- day10 反射创建数组 线程的基本概念 线程的编写和启动方式 线程的运行状态以及状态转换方法 线程的调度和优先级设置
- HTML:让表单 文本框 只读,不可编辑的方法
- C# :创建SQL Server数据库、设置SQL Server数据库为只读状态、修改和压缩SQL Server数据库、新建(删除和修改)数据表、修改(新增和删除)数据列
- input type='file'的text输入框设置只读属性
- 通过JavaScript将输入框设置为只读