Input的readonly 属性与disabled属性 - 勤能补拙 - ITeye博客

`

ouanui

浏览: 46511 次
性别:
来自: 深圳

最近访客更多访客>>

tanghui

Goden

maenlai10086

starbhhc

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

elf8848：引用 readonly 不可编辑，可以获得焦点，背景颜色默认 ...
Input的readonly 属性与disabled属性

Input的readonly 属性与disabled属性

博客分类：

web开发学习笔记

阅读更多

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>

分享到：

log4j学习笔记（一） | oracle查询表信息

2010-07-06 10:48
浏览 8662
评论(1)
分类:Web前端
查看更多

评论

1 楼 elf8848 2010-11-27

引用

readonly
不可编辑，可以获得焦点，背景颜色默认灰色，值的字体颜色默认为灰色，值可以在请求中传递

在ie7中有readonly 属性的文本框可以获得焦点。
在ie6中有readonly 属性的文本框不可以获得焦点。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

javascript中input中readonly和disabled区别介绍: javascript中input中readonly和disabled区别，在开发中可能会常有用到，利用js动态改变input的属性

jquery设置元素的readonly和disabled的写法: Jquery的api中提供了对元素应用disabled和readonly属性的方法，在这里记录下。如下： 1.readonly 代码如下: $(‘input’).attr(“readonly”,”readonly”)//将input元素设置为readonly $(‘input’).removeAttr(...

通过disabled和readonly将input设置为只读效果: 有两种方式可以实现input的只读效果：disabled 和 readonly。自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。 Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。 Readonly...

浅谈html中input只读属性readonly和disable的区别: 下面小编就为大家带来一篇浅谈html中input只读属性readonly和disable的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

jquery批量设置属性readonly和disabled的方法: Jquery的api中提供了对元素应用disabled和readonly属性的方法，在这里记录下。如下： 1.readonly 代码如下: $(‘input’).attr(“readonly”,”readonly”)//将input元素设置为readonly $(‘input’).removeAttr(...

elementUI 设置input的只读或禁用的方法: PS：下面看下elementui通过 disabled 属性指定是否禁用 input 组件，如何用DOM操作取消disabled 属性 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=...

表单元素属性readonly和disabled使用对比: 1）适应范围： readonly：input[type="text"],input[type="password"],input[type="teaxtarea"] disabled：所有的表单元素，如select, radio, checkbox, button等 2）操作： readonly：不允许用户修改操作，不影响...

html表单控件禁用属性readonly VS disabled介绍: 1.给控件标签加\u4e0areadonly='readonly'属性 2.给控件标签加\u4e0adisabled='disabled'...从字面意思我们可以知道，试用readonly属性的控件是只读的,而试用disabled是被禁用的。那么他们的区别是什么呢？只读

怎样通过disabled和readonly将input设置为只读效果.docx: 怎样通过disabled和readonly将input设置为只读效果.docx

Readonly和Disabled的区别: 总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式...

disabled与readonly的作用及区别介绍: 2：disabled 和readonly有相同的地方也是可以锁定这个控件用户不能改变他的值，但是disabled的更彻底一些，他是要使你完全不能使用他，包括改变他的背景颜色（不信，你去修改一个被disabled掉的input文本框，你发现...

使用jQuery设置disabled属性与移除disabled属性: Readonly只针对input(text/ password)和textarea有效，而disabled对于所有的表单元素都有效，包括select,radio, checkbox, button等。但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这...

html form表单input使用disabled后提交不能获取表单值的解决方法: form表单输入框input设置disable属性提交后，得不到该输入框的值，解决该类问题可以参考下面两个方法：方法一：使用readonly带替代disabled，即把 disabled="disabled" 修改为 readonly="readonly" 二者区别： ...

HTML中禁用表单控件的两种方法readonly与disabled: 1.给控件标签加上readonly=’readonly’属性 2.给控件标签加上disabled=’disabled’属性举例: 复制代码代码如下:<input type=”text” value=”只读的” readonly=”readonly” /> <input type=”text...

html ReadOnly 和 Enabled 区别: ReadOnly 属性的TextBox在客户端会展现成这样的标记：＜input readonly = readonly＞ Enabled 属性的TextBox在客户端会展现成这样的标记：＜input disabled=disabled＞ Html服务器控件使用一个派生于HtmlControl...

关于html的表单元素详解（二）: HTML Input 属性 value 属性 value 属性规定输入字段的初始值： <form action=""> <input type="text" name="name" value="软件开发网"> ...readonly 属性 readonly 属性规定输入...disabled 属性 disable

html总结文档: 主要属性：maxlength readonly="readonly" disabled="disabled"不可用的，不能输入内容。 4.单选框和复选框：<input type="radio"/> <input type="checkbox"/> checked属性值为 true 或 false

使用HTML开发商业网站-表单控件-input课件.pptx: 表单控件-Input控件表单控件学习表单的核心就是学习表单控件，HTML语言提供了一系列的表单控件，用于定义不同的表单功能，如密码输入框、文本域、下拉列表、复选框等。表单控件表单控件常用在登录和注册模块 ...

Global site tag (gtag.js) - Google Analytics