html 标签的 input 标签的只读属性

最新推荐文章于 2025-05-16 11:41:12 发布

weixin_34320724

最新推荐文章于 2025-05-16 11:41:12 发布

阅读量196

点赞数

CC 4.0 BY-SA版权

文章标签： php

原文链接：https://my.oschina.net/qqwang/blog/118252

本文详细解释了HTML中input标签的两种状态属性：disabled与readonly的区别。disabled属性使input标签失效并阻止其值被提交；而readonly仅阻止编辑但允许值的正常提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

有两种方式可以实现input的只读效果：disabled 和 readonly。

disabled说明该input标签无效，并且其value值不会传递给其它程序，比如php等。

readonly仅仅是无法编辑，不影响其值的传递。

disabled使用方式：

Readonly使用方式：

转载于:https://my.oschina.net/qqwang/blog/118252

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34320724

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

html中设置input框只读

qq_45800365的博客

02-22

816

html中设置input框只读

「HTML和CSS入门指南」input 标签详解

a451319296的博客

12-12

1150

HTML的标签是用于创建表单中用户输入控件的基本元素。它有多种类型和属性可供使用，例如文本框、密码框、复选框、单选按钮、提交按钮等。此外，我们还可以通过内置验证器或自定义JavaScript函数对表单进行验证。学习如何使用标签可帮助您在网站中创建强大和交互式的用户界面，并为您的Web设计提供一个坚实的基础。

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

html只读属性

夜影鬼手的专栏

04-13

3659

两种属性的写法如下：1、<input type="text" name="name" value="xxx" disabled="true"/>2、<input type="text" name="name" value="xxx" readonly="true"/> 两种方式都

给html元素对象加一个只读属性

jsonicpp的博客

10-10

216

[code="java"] [/code]

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

qq_60504665的博客

06-21

1825

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

HTML表单输入属性(readonly、disabled、size、maxlength、HTML5增加的属性）

WangaWen1229的博客

07-21

1387

1.value 属性 <form action=""> First name:<br> <input type="text" name="firstname" value="John"> <br> Last name:<br> <input type="text" name="lastname"> </form> 2.readonly 属性 readonly 属性规定输入字段为只读（不能修改）： <form

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

最新发布

读心悦

05-16

1552

通过隐藏原生控件，使用 CSS 创建自定义样式。} </ style > < div class = " custom-checkbox " > < input type = " checkbox " id = " customCheck " > < span > </ span > < label for = " customCheck " > 自定义复选框 </ label > </ div >

详解PHP中的 input属性（隐藏只读限制）

10-19

本文将深入探讨`<input>`标签的几个关键属性，包括隐藏、只读和限制，以及如何利用这些属性来控制用户输入的行为。首先，我们来看`<input type="hidden">`，这是一个非常有用的属性，它创建了一个隐藏的输入字段。...

html里设置只读,html怎么设置只读

weixin_33139087的博客

06-15

2532

html设置只读的方法：首先创建一个HTML示例文件；然后创建一个form表单；接着设置input标签；最后给input标签添加“readonly”属性即可实现只读效果。本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。readonly 属性规定输入字段为只读。只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文...

jQuery和HTML的禁用（disable）和只读（readOnly）属性

m0_62014694的博客

01-04

1395

jQuery和HTML的禁用（disable）和只读（readOnly）属性

html input readonly 和 disable的区别

u010090557的博客

07-08

652

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

设置HTML中input标签的只读模式

weixin_44544885的博客

08-18

8595

在html中有两个设置只读的属性： 1.readOnly 可获取值，不可输入值，可回填值； 2.disabled 不可获取，不可输入值，可回填值； 1.基本操作设置只读：  <input type="text" class="form-control" id="BWHM" name="keHuLianXiHao" ...

input属性（隐藏只读限制）

akazhuk的专栏

05-09

3834

隐藏　 <input type="hidden"> 只读 <input type="text" readonly> 失效 <input type="text" disabled>限制 <input type="text" maxlength="1">ENTER键让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13)event.keyCod

html中只读属性

wang20y8的博客

11-12

4828

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

Javascript: 为input设置readOnly属性

程序设计

04-21

9276

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

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

满天星✨

01-29

2万+

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

动态设置input设置只读属性

qq_41353397的博客

01-16

1903

<input type="text" name="text" id="idtext" class="form-control" /> $('#idtext').prop('readonly',true);

html代码input属性readonly和disabled区别

php小松

09-23

1158

为这篇文章的目的主要是之前没有注意过这个问题，最近无意中看到了关于readonly和disabled区别，于是打算总结一下，怕忘记 ①input(text / password)和textarea有效，disabled对于所有的表单元素都有效 ②提交表单的时候disabled，的表单元素不会别提交，readonly属性的元素会提交 ③disabled表单输入项不能获取焦点，readonly可以聚焦

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

04-28

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