怎样用jsp标签把按钮置灰
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样用jsp标签把按钮置灰相关的知识,希望对你有一定的参考价值。
加一个属性就OK了:例如
<input type="button" value="确定" disabled>
加个disabled属性就OK了
或者是
<input type="button" value="确定" readonly>
加个readonly就OK了
两者任你选.... 参考技术A 给按钮增加一个属性 disabled = true就可以了 参考技术B 达文西好厉害呀 参考技术C <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>网页特效---表单点击提交按钮后变成灰色不可再次点击</title>
</head>
<body>
<script type="text/javascript">
function an()
document.getElementById("a1").disabled = true;
function bn()
document.getElementById("a1").disabled = false;
</script>
<form name=form1 method="POST" action="">
<p><input type="text" name="T1" size="20"><input type="button" value="提交" onclick="an()" id="a1">
<input type="reset" value="重置" id="a2" onclick="bn()"></p>
</form>
</body>
</html>
vue.js怎样解决按钮多次点击重复提交
如图我需要将这个按钮在点击一次后暂时置灰,应该怎么改,最好可以直接贴代码
建议使用ref,给button添加注册ref引用,然后在表单提交的时候,获取button按钮,使其disable置灰。
ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件。
<div id="app"><button ref="mybutton" type="primary" @click="save">保存</button>
</div><script>
new Vue(
el: "#app",
data:
,
methods:
save()
this.$refs.mybutton.disabled = true;
)
</script>
<style>
:disabled
border: 1px solid #DDD;
background-color: #F5F5F5;
color:#ACA899;
</style> 参考技术A 设置标志性变量为ture,如 isAbled,然后在按钮初次点击后设为false,在提交请求返回后设为true,然后该变量可以在button的disable属性上使用,也可以自定义按钮,用于动态控制class,同时在点击事件回调里面进行相关判断拦截 参考技术B <div id="app">
<button :disabled="disabled" type="primary" @click="save">保存</button>
</div>new Vue(
el: "#app",
data:
disabled: false
,
methods:
save()
this.disabled = true;
ajax().then(()=>
this.disabled = false;
,()=>
this.disabled = false;
)
)本回答被提问者采纳
以上是关于怎样用jsp标签把按钮置灰的主要内容,如果未能解决你的问题,请参考以下文章