按钮，输入框变灰并不可用js

最新推荐文章于 2022-04-26 14:11:15 发布

转载最新推荐文章于 2022-04-26 14:11:15 发布 · 1.5k 阅读

js 同时被 2 个专栏收录

41 篇文章

订阅专栏

jquery

11 篇文章

订阅专栏

本文介绍如何使用JavaScript禁用网页上的按钮和输入框，包括改变颜色和设置只读属性，以防止用户修改已设定的值。

document.getElementById("id").style.color="#aaa";                //变成灰色
document.getElementById("id").disabled=true;//添加禁用属性，禁止改变输入的值

复制代码
以上是按钮的

输入框：

document.getElementById("name").style.backgroundColor="#aaa";                //变成灰色
document.getElementById("name").setAttribute("readonly","readonly");//添加禁用属性，禁止改变输入的值

复制代码

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

三个人工作室

关注关注

1
点赞
踩
2

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JS 弹出窗口，底层画面置灰且不能操作

weixin_44084713的博客

02-20

2167

方法一：转载地址 <html> <head> <title>弹出一个窗口后，后面的层不可操作</title> <script> function show() //显示隐藏层和弹出层 { var hideobj=document.getElementById("hidebg"); hidebg.style.display="block"; //显示隐藏层 hidebg.style.height=document.body.c

element-plus中通过按钮来控制el-input输入框的禁用可用状态

载_酒i

04-27

2373

在 Vue.js 中，您可以使用el-input组件的disabled属性来设置输入框的可编辑状态。这个属性接受一个布尔值，当设置为true时，输入框将不可编辑；当设置为false或省略时，输入框将是可编辑的。

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

使用Js控制输入灰色字搜索框多种搜索样式集合下载

11-10

使用Js控制输入灰色字搜索框多种搜索样式集合下载

css加js实现input标签变灰无法选中

CLX_Dream的博客

04-08

3998

用js的event可以用来阻止input,select,checkbox的默认事件，如event.preventDefault() event.stopPropagation()其实用纯CSS也能实现，如input { pointer-events: none; }然后用CSS把input变灰即可，50%透明度即可实现禁用的效果input.disabled { pointer-ev...

js中实现button按钮变灰不可用，可用的方法

热门推荐

chp891202的博客

05-04

9万+

按钮变灰不可用方法：document.getElementById("crop").setAttribute("disabled", true); 按钮可用方法：document.getElementById("crop").removeAttribute("disabled"); 按钮隐藏方法：$("#crop").hide();或document.getElementById(‘cro

js设置文本框和选择框为灰色不可编辑

windowsliusheng的专栏

09-18

2万+

function EquType() { var equtypeid = $("#adEquipmentTypeID").val(); if (equtypeid == "1") //串口扫描器 { document.getElementById("adIpAddress").readO

点击按钮更改输入框文字及颜色并同步更新按钮文字

07-23

本实例展示了一个简单而实用的功能，即通过点击按钮来更改输入框的文字内容及其颜色，并同步更新按钮自身的文字。这一功能不仅增加了页面的互动性，而且在视觉上也给用户带来了直观的反馈。具体来说，当用户点击...

jQuery设置单选按钮radio选中/不可用的实例代码

10-22

如果彩色模式被禁用，则将色块模式也设置为不可选，并确保其处于未选中状态。 ```javascript $("#coloroff").change(function(){ $("#blockon").attr("disabled", true); $("#blockoff").attr("checked", true); ...

vue组件中点击按钮后修改输入框的状态实例代码

08-30

本例中，我们探讨的是如何在Vue组件中通过点击按钮改变输入框（`<el-input>`）的状态，使其从禁用（disabled）变为可用。我们将分析问题的解决过程，并深入讲解Vue中的相关知识点。首先，Vue.js提供了双向数据绑定...

jquery设置表单元素为不可用的简单代码

10-22

本文将介绍如何使用jQuery来设置HTML表单元素为不可用状态。在网页设计与开发中，经常会遇到需要暂时禁用表单元素（如输入框、按钮等）的情况，以防止用户在特定条件下进行操作。jQuery作为一个功能强大的JavaScript...

通过js修改input、select默认字体颜色

11-27

textarea默认字颜色以及获取焦点后的字的颜色，焦点获取后使默认消失 <textarea cols="50" rows="5" id="textarea" onfocus="if(value=='获取到元素焦点'){value='';document.getElementById('textarea').style.color='#000'}" onblur="if (value ==''){value='\u5143\u7d20\u7126\u70b9\u6d88\u5931';document.getElementById('textarea').style.color='#999'}">输入您要输入的内容</textarea> selec

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

10-23

主要介绍了JS实现点击复选框将按钮或文本框变为灰色不可用的方法,涉及javascript动态修改页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

JSP限制文本框输入

06-24

JSP限制文本框输入条件,比如只能输入数字,字符. 不能输入中文等.

文本框灰色字幕提示js

The Persuit of Happiness.

04-11

887

--------------------- 题记事实证明呢，用focus比click好用，大家试试吧。 --------------------- 代码

前端_input 不可输入操作

粪坑里的石头

04-26

409

前端_input 不可输入操作： <input readonly type="text">

input框选中时如何不出灰框_js设置文本框和选择框为灰色不可编辑

weixin_42282638的博客

02-16

470

function EquType() { var equtypeid = $("#adEquipmentTypeID").val(); if (equtypeid == "1") //串口扫描器 { document.getElementById("adIpAddress").readO...

jsp 使内容变成灰色不可编辑

mobingdetong的专栏

06-12

6978

var objs=readOnlyTable.getElementsByTagName("INPUT"); var objs1=readOnlyTable.getElementsByTagName("textarea"); for(var i=0;i { objs[i].disabled=true; } for(var i=0;i { objs1[i].disabled=true;

输入框置灰还原

曾子墨

03-12

2472

var tipword = "请详细说明您的需求"; var tipstyle = {"color":"gray"}; var normalstyle = {"color":"black"}; $(function(){ $("#fwsC_web_memo") .val(tipword).css(tipstyle) .focus(function() { if($.trim($(this

浙江大学pintos项目_ZJUT操作系统课设pintos系统Project1.zip