html中input标签type=text的只读属性readonly和autocomplete

最新推荐文章于 2024-06-20 15:52:27 发布
最新推荐文章于 2024-06-20 15:52:27 发布
阅读量4.1w 收藏
点赞数
分类专栏： html 文章标签： autocomplete input html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/enjoyinwind/article/details/7270765
版权

1.<input type="text">输入框里只要readonly属性写出来，不管其值是readonly还是其他值或者空，输入框中的值均不允许改变。


2.autocomplete属性为off可屏蔽历史输入框。

<input type="text" name="companyFullname" size="30" id="companyFullname" readonly="readonly" autocomplete="off"/>

enjoyinwind
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈html中input只读属性readonly和disable的区别
09-28
下面小编就为大家带来一篇浅谈html中input只读属性readonly和disable的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
＜input＞ 标签的 readonly 属性
Jerry Man的博客
08-10 3023
实例 带有两个文本字段和一个提交按钮的 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"
关于input标签设置只读属性的问题
最新发布
weixin_44863665的博客
06-20 311
在小程序上使用只读属性很多人会遇到一个坑，那就是readonly属性设置没有效果，这是因为小程序不支持此属性，直接使用disabled=true即可，样式上不会发生改变。在开发过程中，经常在表单回显状态下需要设置部分input输入框为只读，然而设置只读属性在pc端h5和小程序上的表现是不一样的。两个属性的差异在于：使用disabled时，鼠标会变成一个禁止的样式，使用readonly就不会有变化。也可以使用disabled=true来实现。使用readonly属性就可以实现只读。
html中的input文本框禁止输入问题
黑暗世界的自由
01-04 2451
我们在进行前端页面开发时，经常会遇到输入框禁止输入的问题，html中提供了三种方式来解决，readonly、disabled、autocomplete。严格地讲前两种才是禁止用户输入，而autocomplete只是默认清除用户的输入记录。 readonly：顾名思义，表示该输入域的值只能read，不能write，他仅仅只能与 type="text" 配合使用，可复制，可选择，可以接收...
input文本框中内容不可修改
xiangqian9的博客
08-28 7392
readonly、disabled、autocomplete三种属性 一、readonly表示此域的值不可修改，仅可与 type="text" 配合使用，可复制，可选择,可以接收焦点，后台会接收到传值. &lt;input type="text" name="www.phpddt.com" readonly="readonly"  /&gt; 二、disabled表示禁用input元素，不可...
selenium的定位小方法
林家小猪
01-28 667
selenium的基础定位方法拓展出的小方法，收藏哦
设置HTML中input标签的只读模式
weixin_44544885的博客
08-18 8112
在html中有两个设置只读的属性： 1.readOnly 可获取值，不可输入值，可回填值； 2.disabled 不可获取，不可输入值，可回填值； 1.基本操作 设置只读： <!--设置disabled属性为只读--> <input type="text" class="form-control" id="BWHM" name="keHuLianXiHao" ...
input输入框禁止自动填充,autocomplete="off"和 autocomplete="new-password"失效
yuanting_的博客
05-24 1万+
1.在input 里面加上 autocomplete=“off” 属性 <label> <span>用户名:</span> <input type="text" name="username" placeholder="请输入用户名" autocomplete="off"> </label> <label> ...
禁止input文本框输入实现属性
12-10
<input type="text" autocomplete="off" id="number" /> ``` 当设置为 `off` 时，浏览器将不会显示下拉列表来自动完成输入。 通过这些属性，开发者可以根据具体需求来控制用户在文本框中的行为，提供更加个性化...
HTML5表单中input元素及属性.pdf
07-11
HTML5中的`<input>`元素是网页表单的核心组成部分，用于创建各种用户输入接口。它支持多种输入类型，使得开发者能够构建功能丰富的交互式表单。以下是对标题和描述中涉及的知识点的详细说明： 1. **输入类型（type...
html5 input元素新特性_动力节点Java学院整理
09-28
9. **max**和**min**：这两个属性用于限制`<input>`元素中的数字或日期值的范围，以确保用户输入的有效性。例如，日期选择器中可以设定最小和最大日期，防止选择无效日期。 10. **minlength**：设置文本输入字段的...
input值总结
08-21
以上只是`<input>`标签部分知识点的总结，实际使用中还有更多属性和用法，如`form`, `formaction`, `formenctype`, `formmethod`, `formnovalidate`, `formtarget`等，以及各种事件处理如`onchange`, `onclick`等，...
input标签 各属性解释
热门推荐
chao430的博客
03-22 4万+
input标签最全面的type属性   (2016-08-21 23:56:07) 转载▼ 标签：  type   属性   input   分类： HTML标签 由于时间关系，在上一节中只是简单的列举了input标签中的type属性，在本节中就详细地来运用input标签中的type属性。 因为以
如何关闭input表单自动填充input autocomplete
phplife的电子商务网上商城专栏
05-20 2135
百度地图和高地图地址下拉选择如何关闭input表单自带的自动填充input autocomplete
解决谷歌浏览器（chrome）input标签自动填充数据的问题，亲测有效
weixin_38312502的博客
02-22 1万+
问题：如题，在谷歌浏览器中，有时input标签会自动填充数据，如用户名密码等。。。 解决：给input标签加上autocomplete属性， 如果是type=“text”就加上autocomplete="off"属性， 如果type="password"，就加上autocomplete="new-password"属性，（之所以不用off值，是因为没用。虽然官方没有说过有new-passwo...
input文本输入框自动提示-autocomplete
一万年太久，只争朝夕
09-18 2920
首先来说，由于作者刚接触网站的开发，这篇文章写得有点乱，主要是记录给自己看的，怕以后忘记了，方便到时候查阅，若给您带来了不便，还请见谅。若有什么建议，请留言。非常感谢。 --------------------------------------------步入正题-------------------------------------------- 问题（目标）：目标样式如图1所示，当在文本框中输入字符时，实时进行提示相关信息，供用户参考和选择。 **分析：**那么这个功能该如何实现呢，jQuery提
使input type=“text“不可编辑
MrYushiwen的博客
07-28 1872
作为一个后端工程师，难免也会接触到前端，下面总结一下使input type="text"不可编辑的方法： 1.readonly readonly 意思是字段为只读,用户可以使用 tab 键切换到该字段。 使用后文本框不可编辑，可以接收焦点，表单可提交其value值,后台可以接收到传值。 ID:<input type="text" name="id" readonly value="${requestScope.id}"><br> 效果图： 2.disabled 或者 disabl
selenium对元素进行操作（三）：日期控件处理
Bierante的博客
07-29 8266
1分钟了解一个测开小知识： selenium对元素进行操作（三）：日期控件处理 如果日期控件支持输入，可以直接使用send_keys，按照文本框录入时间。但是大多数日期控件，都是这种格式 <input type="text" autocomplete="off" readonly="readonly" placeholder="选择日期" class="aty-input aty-input-hasicon"> 控件的html描述是这样婶的。 可以看到readonly="r
HTML+CSS3自学笔记（HTML篇 表单属性）autocomplete + target + value + autofocus + disabled + readonly 属性
weixin_53659971的博客
07-14 514
HTML+CSS3自学笔记（HTML篇 表单属性）autocomplete + target + value + autofocus + disabled + readonly 属性
<input type="text" readonly="readonly" autocomplete="off" placeholder="Order Status" class="el-input__inner"> 如何用xpath定位
05-31
可以使用以下XPath表达式来定位该<input>元素： ``` //input[@type='text' and contains(@class, 'el-input__inner') and contains(@placeholder, 'Order Status') and @readonly='readonly'] ``` 该表达式中，@type、@class、@placeholder和@readonly都是该<input>元素的属性。其中，@type='text'用于定位元素的类型，contains(@class, 'el-input__inner')和contains(@placeholder, 'Order Status')用于定位元素的类名和占位符文本内容，@readonly='readonly'用于定位元素是否为只读状态。由于该元素的属性值可能会发生变化，因此需要使用包含关键字的方式来定位它，以增强表达式的健壮性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值