input标签设置为不可用状态的三种方法

最新推荐文章于 2024-01-30 17:13:00 发布

原创最新推荐文章于 2024-01-30 17:13:00 发布 · 5.7k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#css

本文详细介绍了HTML中input元素的三种状态：disabled、readonly以及readonly结合unselectable='on'的效果和区别。disabled使元素背景灰化且不可交互，但数据仍可被后台接收；readonly保持元素外观不变，禁止编辑且数据不被后台接收；而readonly结合unselectable='on'则允许后台接收数据。

一、disabled

禁用input元素，背景颜色变成灰色，不能点击和编辑，但后台可以接收到input中的数据。

<input type="text" name="name" value="sss" disabled>

在这里插入图片描述

二、readonly

readonly为只读，背景颜色不变，不可点击和编辑，后台也无法接收到收据。

<input type="text" name="name" value="sss" readonly>

在这里插入图片描述

三、readonly unselectable=“on”

与readonly基本一样，唯一不同的是这样后台可以接收到数据

<input type="text" name="name" value="sss" readonly unselectable="on">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ohmorning

关注关注

0
点赞
踩
5

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

js禁用所有的input

Rockandrollman的博客

04-11

922

要在JavaScript中禁用所有的input元素，您可以使用document.querySelectorAll方法来选择所有的input元素，然后使用一个循环来为它们设置disabled属性。这段代码将会禁用页面上所有的input元素。

js和jquery使按钮失效为不可用状态的方法

12-03

在这种情况下，将按钮设置为不可用状态是常见的做法。本文将详细讲解如何使用JavaScript (JS) 和 jQuery (jq) 来实现这一功能，以及在HTML中设置按钮的基本结构。首先，我们来看HTML部分。在HTML中，创建一个按钮...

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

input不能输入的问题

qq_43654065的博客

10-08

8878

转载：input框不能输入问题今天就很神奇，input框不能输入！就很奇怪，百度了一下，发现是为了解决盒子直接的空隙问题，把fon-size设置为了0。。。不能友好玩耍了。下面是百度的几种input不能输入的原因。 1. input框设置了readonly属性这个就很好理解了，readonly属性把input框设置成了只读，就不可以输入了。 <input type="text" readonly="readonly" placeholder="这是一个只读框"/> 只读字段是不能

使input文本框不可编辑的3种方法

最新发布

outstanding木槿

01-30

2652

如果以上两种情况都没问题，还有就是看看文件里有没有监听键盘事件例如：keydown，keyup，keypress等，看看是否阻止了默认事件，比如使用了preventDefault()，这个时候一定要检查清楚，如果使用了jquery，看看有没有return false的代码，因为在jquery中return false，既阻止了冒泡，又消除了默认事件。就是我目前碰到的情况，父组件里套着子组件，子组件是个弹窗，在弹窗里对公告标题输入，发现输入后光标一离开，输入的内容就不显示。

设置table 或是div中input不可用

雅客

04-25

956

function Operation_table(ths){ if(ths == "个人"){ $(".unit :input").attr("disabled", true); $(".person :input").attr("disabled", false); }else if(ths ...

点击提交按钮后按钮变灰色不可用状态的三种方法

09-05

当用户点击该按钮时，`this.disabled=true`会将按钮设置为不可用（灰色），然后`document.form1.submit()`提交表单。这种方式简洁明了，但缺点是提交成功后按钮仍然保持灰色，无法恢复为可用状态。 2. **利用`...

让input变成不可编辑状态的方法.docx

03-10

在上面的代码中，我们使用了 CSS选择器来选择 readonly 或 disabled 属性的 input 元素，并将其背景颜色设置为灰色，光标设置为不可用状体。 5. 使用 HTML5 的新特性在 HTML5 中，可以使用新的 input 属性，例如 ...

详解HTML的<input> 标签及其禁用方法

09-28

`<input>`标签的类型（type属性）可以根据需求设置为多种，例如`text`（文本输入）、`checkbox`（复选框）、`radio`（单选按钮）、`submit`（提交按钮）等。这些类型的`<input>`标签为网站提供用户交互功能，如收集...

JS实现点击复选框将按钮或文本框变为灰色不可用的方法

12-09

本文介绍了一种JavaScript方法，用于实现点击复选框时使按钮或文本框变灰并设置为不可用，当复选框被选中时则恢复其可用状态。首先，我们需要了解HTML结构。在示例中，我们有一个包含复选框（`checkbox`）和提交...

html中input不可用或是只读的几种方式和区别简介

yinlell的博客

07-17

382

将HTML的文本框设置成不可编辑状态方法1: onfocus=this.blur(); <input type="text" class="form-control" datatype="*" id="membershipName" name="membershipName" onfocus=this.blur()> 方法2: readonly &am

让input不可输入但可选择和禁止使用状态

lxtlog的博客

11-17

3873

//不可输入但可选择 //禁止使用状态

html中input不可用或是只读的几种方式和区别

microdsy的专栏

10-24

1万+

将HTML文本框设为不可编辑文本框。方法1: onfocus=this.blur()<input type="text" name="input1" value="不可编辑文本框" onfocus=this.blur()>方法2:readonly<input type="text" name="input1" value="不可编辑文本框" readonly> <input type="text"

input中checkbox选中_快速掌握—HTML快速实现自定义Input开关

weixin_39995943的博客

11-23

323

HTML<input id="customSwitch" type="checkbox" /> <label for="customSwitch" class="switch"></label>CSS/* 定义全局变量 */ :root { --base_color: rgba(0, 0, 0, 0.25); --act_color: #5dcb61; ...

使HTML标签变为不可使用状态

柚子哥哥i的博客

08-08

1982

给标签添加css样式：pointer-events: none; （默认为auto）在js中是一个标签变为不可用（例如：a标签）$('a').css( 'pointer-events' , 'none' );

不常见的input属性(转载)

畅想程序

09-11

1339

大家在做会员注册程序时候，见过文本输入框，密码输入框，都已经了解对input属性的定义，其实input还有其他形形色色的属性，欢迎大家测试！　　1.ENTER键可以让光标移到下一个输入框 2.只能为数字(有闪动) 　　 3.只能为数字(无闪动) 57)) event.returnValue=false"> 4.屏蔽输入法　　 5.只能输入两位小数，三

设置input输入框动态禁止输入

qq_38735996的博客

12-07

1450

例如：<input class="mini-textbox" bind="pwname" width="75px" id="pwname" vtype="maxLength:50" required="true" /> 设置成只读：$("#pwname input").attr("readOnly","true"); id为pwname的input输入框只读

input控件不可编辑状态

tochal的专栏

07-30

2672

https://blog.youkuaiyun.com/llllllloooooo/article/details/79286846

c字段和属性的区别_游戏角色属性公式更新

weixin_39531992的博客

11-28

248

属性计算在游戏之中，我们操纵的角色和一些非玩家角色都会有相关的数值描述，例如血量、等级、攻击、防御等等，下面就是暗黑破坏神3的一个角色的属性面板。事实上，一个角色的属性描述的几十个字段并不是毫无逻辑关系的，同时完整的属性关系之间可能还有其他的面板不可见属性作为中间变量存在。所有可见不可见的变量会组成一个有向无环图。图中的每个节点都有一个对应的值，当这个值更新之后，会触发当前节点可及的节点的更新，并...