html的input标签disabled和readOnly属性的异同点

最新推荐文章于 2024-06-21 14:41:01 发布

托马斯奎

最新推荐文章于 2024-06-21 14:41:01 发布

阅读量372

点赞数

文章标签： html input标签不可编辑只读 disabled readOnly

本文链接：https://blog.csdn.net/qq_32016019/article/details/78376336

版权

共同点：disabled和readOnly都能实现input标签文本框的不可编辑和只读功能

异同点：1.disabled可以使input标签文本框变色

disabled最重要的一点就是让input标签文本框“失效”，实质就是后台无法获取到input标签的value的真实值，而是获取到值的是null；readOnly可以取到真实的value值！！！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

托马斯奎

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

浅谈html中input只读属性readonly和disable的区别

09-28

HTML中的`readonly`和`disabled`属性都是用来限制用户对表单元素的交互，但它们在实际应用中具有不同的效果和使用场景。首先，`readonly`属性主要用于`<input>`（如`text`、`password`）和`<textarea>`元素。它...

html表单属性readonly和disabled的使用方法

09-28

- 使用方法：只需在HTML元素上添加`readonly`属性即可，例如对于`<input>`标签，可以写为`<input type="text" readonly>`。 2. **失效属性（disabled）** - `disabled` 属性则更加严格，它不仅使元素变为不可编辑...

参与评论您还未登录，请先登录后发表或查看评论

设置input的只读属性

L-BAKE

10-27

1608

<br />input.readOnly = "true";<br /> input.setAttribute("readOnly","true");<br />http://azhp.blog.163.com/blog/static/47736718200871995313811/

关于input标签设置只读属性的问题

weixin_44863665的博客

06-20

859

在小程序上使用只读属性很多人会遇到一个坑，那就是readonly属性设置没有效果，这是因为小程序不支持此属性，直接使用disabled=true即可，样式上不会发生改变。在开发过程中，经常在表单回显状态下需要设置部分input输入框为只读，然而设置只读属性在pc端h5和小程序上的表现是不一样的。两个属性的差异在于：使用disabled时，鼠标会变成一个禁止的样式，使用readonly就不会有变化。也可以使用disabled=true来实现。使用readonly属性就可以实现只读。

input设置为只读模式

weixin_39784070的博客

11-06

2万+

input框设置为只读依靠两个属性（disabled或readOnly），下面主要说明两者的区别： 1.disabled：作用范围大，所有input类型都有效，但被disabled修饰过的input的值不能随表单提交。 HTML中的表示： JQUERY中的表示：$("#eg1").attr("disabled","disabled"); 2.readOnly：作用范围较小，仅限于text，

标签中属性disabled和readonly的区别

symgdwyh的专栏

07-29

1619

这两个属性都会使显示出来的文本框不能输入文字，但是disabled会使文本框变灰，而且通过request.getParameter("name")得不到文本框的内容（如果有内容的话）。而readonly只是使文本框不能输入文字，外观没有变化，而且通过request.getParameter("name")可以得到文本框中的内容。

.input只读，禁用，必填，提示词（占位符）属性分别是什么？

最新发布

qq_60504665的博客

06-21

978

元素有几个常用的属性，包括只读（readonly）、禁用（disabled）、必填（required）和提示词（占位符，placeholder）。属性通常一起使用，以告诉用户哪些字段是必填的，并提供一些指导性的输入建议。属性则用于控制用户的交互行为。

通过disabled和readonly将input设置为只读效果

12-14

在HTML表单设计中，有时候我们需要用户只能查看输入框（input）中的内容而不能修改，这时我们可以使用`disabled`和`readonly`属性来实现只读效果。这两种属性虽然都能达到表面的只读目的，但它们在功能上存在显著...

HTML 中<input>等其他类似标签的 disabled 属性

diwenzhan7700的博客

12-11

370

首先：w3school中的介绍 http://www.w3school.com.cn/tags/att_input_disabled.asp disabled = "true" 禁用元素 disabled = "" 启用元素说明：可能会觉得启用元素是disabled = "false" 但是事实是，在IE中并不支持。所以一般是使用disabled = "" 启用元素在J...

js 实现 input 框是否只读属性

weixin_43862596的博客

03-16

2732

input 框只读属性： readonly 在页面中直接添加为只读时，可在input中直接添加 readonly=“readonly”，但是如果想通过点击按钮或其他改变值来修改是否只读的属性，需要通过 js（或jquery）来实现。 js 在对于readonly、disabled等属性设置时，有一个小问题：首先， document.getElementById(“id”).readonly = “true”; 设置input为只读，但是，当通过document.getElementById(“

html input readonly 和 disable的区别

u010090557的博客

07-08

601

html input readonly 和 disable的区别 Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后...

jQuery和HTML对某个标签设置只读（readonly）或者禁用（disabled）属性

热门推荐

上善若泪

09-06

6万+

目录 1 jQuery中只读和禁用 1.1 jquery 设置readonly属性 1.2 jquery 设置disabled属性 1.3 jquery动态添加文本框的readonly只读属性 2 HTML中只读和禁用 1 jQuery中只读和禁用 1.1 jquery 设置readonly属性 $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//

在HTML的text input控件获取焦点时设置背景颜色

星云互动

04-24

3153

下面的例子展示了在HTML的text input控件获取焦点时设置背景颜色。通过设置background-color样式和:focuse 伪选择器（pseudo-selector）. <!DOCTYPE html> <html> <head> <title>Setting the background color on a...

html中只读属性

wang20y8的博客

11-12

4793

把disabled="disabled"改成readonly="readonly" readonly="readonly"的属性，可以查看 http://www.w3school.com.cn/tags/att_input_readonly.asp

为属性为readonly的input设置样式

lilywangcn

03-24

1928

属性为readonly的input不允许用户输入内容，然而在ie或chrome中，属性为readonly的input 和一般input从界面上来看没有任何区别，会给用户输入带来稍许不便。可以通过为其设置css来加以区分。在ie浏览器中： input{background-color:expression((this.readOnly && this.r...

Javascript: 为input设置readOnly属性

程序设计

04-21

9189

1、js为设置readOnly属性 var cObj = document.getElementById("content"); cObj.setAttribute("readOnly",true);2、js移除readOnly属性 var cObj = document.getElementById("content");

＜input＞标签的 readonly 属性

Jerry Man的博客

08-10

3083

实例带有两个文本字段和一个提交按钮的 HTML 表单： <form action="form_action.asp" method="get"> Name:<input type="text" name="email" /> Country:<input type="text" name="country" value="China" readonly="readonly" /> <input type="submit" value="Submit"

js去除 html 中 input 的readOnly（只读）属性

满天星✨

01-29

2万+

js去除 html 中 input 的readOnly属性： document.getElementById(“input1”).readOnly=true 或者 false

input输入框只读的几种方式

qq_43842093的博客

05-29

7714

input输入框只读的几种方式 **readonly：**只针对input(text / password)和textarea有效；如果设为true，用户只是不能编辑对应的文本，但是仍然可以聚焦焦点，并且在提交表单的时候，该输入项会作为form的一项提交。 <input type="text" value="admin" readonly /> **disabled：**对于所有的表单元素都有效，包括select, radio, checkbox, button等。如果一个输入项的disabl

HTML 中 input标签常见属性和用法

04-28

HTML 中 input 标签是用来创建用户输入表单的元素，它有很多属性和用法，以下是常见的一些： 1. type 属性：用来指定 input 的类型，包括 text、password、checkbox、radio、submit、reset、button、file 等。 2. ...