html中设置input框只读

已于 2023-03-29 16:55:15 修改
阅读量717 收藏 1
点赞数 1
分类专栏： 前端 文章标签： html
于 2023-02-22 13:13:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45800365/article/details/129160540
版权
本文介绍了如何在HTML中设置input框为只读状态，通过移除readonly属性允许选择，或者添加readonly属性实现输入框内容不可编辑。
摘要由CSDN通过智能技术生成

有些输入框无法编辑，可选择去掉input标签里边末尾的readonly
想让他无法编辑也可以加上

 <input type="text" name="realname" class="form-control" th:value="${user.realname}" readonly>
浅谈html中input只读属性readonly和disable的区别
12-13
Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去（readonly接受值更改可以回传，disable接受改但不回传数据）。 一般比较常用的情况是： 1、在某个表单中为用户预填了某个唯一识别代码，不允许用户改动，但是在提交时需要传递该值，此时应该将
js控制input框只读实现示例
10-26
本文将详细解释如何使用JavaScript控制HTML中的input框使其变为只读，并提供一个具体的示例。 首先，了解HTML中的`<input>`标签。`<input>`元素是用于创建交互式表单的，通常用于收集用户数据。`type`属性定义了...
html input 只读
ivan0609的专栏
11-06 1628
html input 只读 有两种方式可以实现input的只读效果：disabled 和 readonly。 自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。 Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。 Readonly仅仅是无法编辑，不影响其值的传递。 Disabled使用： Readonly使用：
html设置输入框为只读
weixin_45966674的博客
03-09 401
有些时候我们会涉及到输入框不能让用户去输入的业务 readonly为只读树形 在不改变外观的情况下 禁止用户输入 <input readonly="readonly" /> disabled就比较直接了 效果是禁用 不过禁用之后输入框的样式会有明显的变化 而且也不太好看 <input disabled="disabled" /> ...
HTML中设置输入框为只读状态的方法
windlyb的专栏
07-25 1万+
在设计网页的时候，有时候我们需要将输入框设置为只读状态，即其中的内容不可编辑，实现这种设计的方法有两种，分别是使用input的disable和readonly两个属性，不过他们之前还是有一些区别的。  TYPE= "text "   readonly= "true "   value= "这是ReadOnly的！ ">  TYPE= "text "   disabled= "true "
input只读
我是传奇
07-16 3280
有两种方式可以实现input的只读效果：disabled 和 readonly。自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。Readonly仅仅是无法编辑，不影响其值的传递。Disabled使用：Readonly使用：
elementUI 设置input的只读或禁用的方法
10-17
在开发中，我们经常需要对输入框（input）进行只读（readonly）或者禁用（disabled）的设置，以适应不同的交互场景。Element UI为input提供了简单易用的属性来实现这一点。 首先，我们来看只读属性（readonly）。在...
通过disabled和readonly将input设置为只读效果
12-14
在HTML表单设计中，有时候我们需要用户只能查看输入框（input）中的内容而不能修改，这时我们可以使用`disabled`和`readonly`属性来实现只读效果。这两种属性虽然都能达到表面的只读目的，但它们在功能上存在显著...
html 设置文本框只读方法
woaini245693140的专栏
06-28 7965
readOnly 是使文体框只读，不能编缉和输入，如果是在表单中还是可以提交的文体框中的内容 disabled 是使文体框变成灰色，不能编缉和输入，如果是在表单中也是不能读取的，返回值为null
HTML INPUT 只读
周壹的专栏
07-04 845
有两种属性disabled 和 readonly。 自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。 Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。 Readonly仅仅是无法编辑，不影响其值的传递。 Disabled使用： Readonly使用：
HTML <input> 标签的 readonly 属性
PHP技术研究
08-20 1446
readonly 属性规定输入字段为只读。 只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。 readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。 readonly 属性可与 或 配合使用。
设置HTML中input标签的只读模式
weixin_44544885的博客
08-18 8317
在html中有两个设置只读的属性： 1.readOnly 可获取值，不可输入值，可回填值； 2.disabled 不可获取，不可输入值，可回填值； 1.基本操作 设置只读： <!--设置disabled属性为只读--> <input type="text" class="form-control" id="BWHM" name="keHuLianXiHao" ...
js监听只读文本框_js设置input文本框只读
weixin_39636718的博客
12-20 209
控制input框只读可以防止用户对数据的更改，在某些情况下还是比较实用的，下面使用js来完成这个只读实现 New Document content="">name="Description" content="">language="JavaScript">function isreadonly(){var obj =document.getElementById("username"...
HTML中让表单input等文本框为只读不可编辑的方法
热门推荐
babyZeng
02-25 8万+
有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息， 如使input text的内容，中国两个字不可以修改有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息， 如使&lt;input type="text" name="input1" value="中国"&gt; 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。  方法1: onfocus=th...
使html中的输入框设置为只读状态
阳光girl
11-10 805
今天设计网页的时候遇到了需要设置输入框为只读状态》 实现这种设计的方法有两种：使用input的disable和readonly两个属性。 disabled的css效果是不能修改，是系统默认不可以操作的效果，而且是不能提交的； readonly的css效果是有的，除了不能向表单里面写内容，是可以提交的。
Html 文本框只读
IT_Jeff的专栏
11-03 932
让html文本框中的内容显示为只读，不可进行更改     为隐藏次文本显示 方法1: onfocus=this.blur() 方法2:readonly 方法3: disabled
html 让input标签只读不可编辑的方法。
xiaolyuh的专栏
03-29 4960
html 让input标签只读不可编辑的方法。     方法1：onfocus=this.blur()         方法2：readonly           方法3：disabled
HTML文本框只读状态
qq_32925269的博客
05-10 659
有时文本框内的信息不允许更改，只能是只读状态，只要在input标签中加入readonly即可。 readonly />
HTML中让表单input等文本框为只读不可编辑的方法汇总
QC班长的博客
02-14 2638
有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使 的内容，"测试"两个字不可以修改。实现的方式归纳一下，有如下几种。  方法1: onfocus=this.blur() 当鼠标放不上就离开焦点 测试" onfocus=this.blur()>  方法2:readonly  测试" readonly>  测试" readonly="true">  方法3
jsp中 input 框怎么设置只读
最新发布
06-07
在 JSP 中，可以使用 HTML 的 `readonly` 属性来设置输入框为只读。可以在 input 标签中添加 `readonly="true"` 属性，如下所示： ```html <input type="text" name="myInput" value="只读内容" readonly="true"> ``` 这样设置之后，用户将无法在输入框中编辑或输入任何内容，只能查看输入框中的内容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

超级无敌暴龙战士塔塔开

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值