- 浏览: 47975 次
- 性别:
- 来自: 深圳
文章分类
最新评论
-
elf8848:
引用
readonly
不可编辑,可以获得焦点,背景颜色默认 ...
Input的readonly 属性与disabled属性
readonly
不可编辑,可以获得焦点,背景颜色默认灰色,值的字体颜色默认为灰色,值可以在请求中传递
disabled
不可编辑,不可以获得焦点,背景颜色默认灰色,值的字体颜色默认为灰色,值不可以在请求中传递;
为了使值不可修改,但显示为disabled的样式,且可以在请求中传递,则可以通过采用readonly,修改字体颜色来实现
例:
readonly
不可编辑,可以获得焦点,背景颜色默认灰色,值的字体颜色默认为灰色,值可以在请求中传递
在ie7中有readonly 属性的文本框可以获得焦点。
在ie6中有readonly 属性的文本框不可以获得焦点。
不可编辑,可以获得焦点,背景颜色默认灰色,值的字体颜色默认为灰色,值可以在请求中传递
disabled
不可编辑,不可以获得焦点,背景颜色默认灰色,值的字体颜色默认为灰色,值不可以在请求中传递;
为了使值不可修改,但显示为disabled的样式,且可以在请求中传递,则可以通过采用readonly,修改字体颜色来实现
例:
<html> <form> <input name="1" type="text" size="20" value="readonly" readonly="readonly"> <input name="1" type="text" size="20" value="readonly" readonly="readonly" style="color:#aaa ;"> <input name="2" type="text" size="20" value="disabled" disabled="disabled"> <input name="1" type="text" size="20" value="normal"> </form> </html>
评论
1 楼
elf8848
2010-11-27
引用
readonly
不可编辑,可以获得焦点,背景颜色默认灰色,值的字体颜色默认为灰色,值可以在请求中传递
在ie7中有readonly 属性的文本框可以获得焦点。
在ie6中有readonly 属性的文本框不可以获得焦点。
发表评论
-
JFreeChart 学习(2)-struts2+maven3
2015-06-20 11:53 1138该资源均来自网络,稍作了整理,以便查询 开发环境: ecli ... -
strusts2.0+servlet
2015-06-19 21:26 0在struts2.0中加入servlet -
JFreeChart 学习(1)-获取图片
2015-06-19 21:35 774jfreechart版本:1.0.13 maven依赖配置: ... -
js 计算特殊字符CRLF
2012-03-28 15:48 0js计算CRLF长度为1还是为2? -
linux 下 jboss7的安装
2011-12-31 09:22 0linux 下 jboss7的安装 环境: linux 2.6 ... -
maven 体验
2011-12-22 13:59 0使用maven管理web项目尝试 开发环境: win7, c ... -
eclise导入已存在工程报 Faceted Project Problem 错误
2011-11-01 17:42 4196现象: 向eclipse里面导入已存在工程时,报如下错误: ... -
eclipse3.6 在 tomcat6上部署web应用
2011-08-18 14:43 0本文做为一个简单练习总结,探索一个简单web工程从创建到部署的 ... -
eclipse 之 scrapbook
2011-08-06 08:37 1330eclipse 之 scrapbook 在日常的 ... -
eclipse添加findbugs plugin
2011-08-06 08:09 1069eclipse添加findbug plugin Eclips ... -
eclipse添加打开文件夹资源快捷方式
2011-08-05 08:59 1715eclipse添加打开文件夹资源快捷方式 在eclipse ... -
支持IE及FIRFOX 添加连接到收藏夹的简易操作
2011-07-21 09:55 1190支持IE及FIRFOX 添加连接到收藏夹的简易操作 ... -
使用jquery及javascript实现文本滚动效果
2011-07-15 17:22 1510使用jquery及javascript实现文本滚动效果 ... -
eclipse3.2.2 整合 weblogic81
2011-07-13 11:28 0eclipse3.2.2 整合 weblogic8.1 -
修改eclipse启动jdk版本
2011-07-13 10:49 0修改eclipse启动jdk版本 1.eclipse3.3 ... -
velocity中使用jquery出现的问题
2011-07-07 12:45 2338velocity中使用jquery: 代码: <!D ... -
Ajax学习笔记(一)
2010-08-05 01:21 858功能 1、使用ajax实现分页功能 一、概念 二、使用到的技 ... -
jquery学习笔记(一)
2010-07-12 15:46 0实现功能: 通过ajax、json从后台查询数 ... -
log4j学习笔记(二)
2010-07-12 12:47 889二、通过配置文件输出日志 1.配置log4j.xml & ... -
log4j学习笔记(一)
2010-07-08 15:07 817一、代码中实现,实现把日志输出到控制台和文件 packag ...
相关推荐
Disabled 属性会使 Input 元素的值无法被传递给服务器端程序,而 Readonly 属性则不会影响其值的传递。 因此,在实际开发中,需要根据具体情况选择合适的方法来实现 Input 只读效果。如果需要使 Input 元素的值无法...
总的来说,`readonly`和`disabled`在HTML表单中提供了不同程度的用户交互限制,选择哪个属性取决于你希望用户如何与表单数据互动以及在提交表单时是否需要包含这些数据。理解它们之间的差异对于构建功能完整且用户...
- `disabled`属性适用于所有表单元素,包括`<input>`、`<select>`、`<textarea>`、`<button>`等,它会完全禁用该元素,用户无法与之交互。 - 使用`disabled`的表单元素不仅其值无法被修改,而且在表单提交时,这些...
判断 `disabled` 属性是否已设置的方法与 `readonly` 类似: ```javascript if ($(‘input’).attr(“disabled”)==true) // 判断 input 元素是否已经设置了 disabled 属性 ``` 需要注意的是,`readonly` 和 `...
与Readonly不同,Disabled属性可以用于所有的表单元素,包括input、textarea、select、radio、checkbox以及按钮等。当元素被设置为Disabled时,它不仅禁止用户输入或选择,而且元素在表单提交过程中不会将其值发送到...
和 readonly 属性类似,可以在 input 标签中添加 disabled 属性,以便让 input 变成不可编辑状态。例如:<input type="text" disabled="disabled" /> 3. 使用 JavaScript 代码 可以使用 JavaScript 代码来让 input...
在HTML表单设计中,有时候我们需要用户只能查看输入框(input)中的内容而不能修改,这时我们可以使用`disabled`和`readonly`属性来实现只读效果。这两种属性虽然都能达到表面的只读目的,但它们在功能上存在显著...
这时,`readonly` 和 `disabled` 这两个属性就显得尤为重要。 1. **只读属性(readonly)** - `readonly` 属性用于设置表单元素为只读状态。这意味着用户可以看到元素中的文本,但不能修改它。当用户尝试改变只读...
本文将详细介绍如何使用jQuery库来批量设置input元素的readonly和disabled属性。 ### 使用jQuery批量设置readonly属性 在HTML中,readonly属性是input元素的一个布尔属性,当这个属性存在时,输入框将变为只读,...
与readonly属性不同的是,disabled属性,它可以使元素完全不可交互,不仅是输入操作,就连其他属性如样式都会受到影响,被禁用的元素也不会向服务器发送任何表单数据。 为了在Javascript中为input设置readonly属性...
首先,`readonly`属性主要用于文本框(`<input type="text">`)、密码框(`<input type="password">`)以及多行文本框(`<textarea>`)。当一个表单字段被设置了`readonly`属性,用户虽然不能编辑其中的文本,但文本...
`readonly`属性主要用于`input[type="text"]`、`input[type="password"]`和`textarea`等文本输入类型的元素。它使得用户可以看到和选择文本,但无法进行编辑。这意味着用户可以复制、粘贴或选中文本,但不能改变其...
在网页表单设计中,`readonly` 和 `disabled` 是两个非常常见的属性,它们都用于限制用户对输入字段的编辑,但它们之间存在着显著的区别。理解这些差异对于创建功能完整且用户体验良好的表单至关重要。 首先,`...
首先,`readonly` 属性主要用于`<input>`(如`type="text"`、`type="password"`)和`<textarea>`元素。当设置`readonly="readonly"`时,用户不能修改这些元素内的文本,但可以聚焦并选择文本。在表单提交时,`...
1.给控件标签加\u4e0areadonly='readonly'属性 2.给控件标签加\u4e0adisabled='disabled'...从字面意思我们可以知道,试用readonly属性的控件是只读的,而试用disabled是被禁用的。那么他们的区别是什么呢? 只读