点击提交按钮后按钮变灰色不可用状态
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>表单提交后按钮变成灰色</title>
</head>
<body>
<form name=form1 method="POST" action="/" target=_blank><p><input type="text" name="T1" size="20">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>表单提交后按钮变成灰色</title>
</head>
<body>
<form name=form1 method="POST" action="/" target=_blank><p><input type="text" name="T1" size="20">
<input type="button" value="提交" οnclick="javascript:{this.disabled=true;document.form1.submit();}">
<input type="reset" value="重置" name="B2"></p>
</form>
</body>
</html>
<input type="reset" value="重置" name="B2"></p>
</form>
</body>
</html>
=====================
倒计时结束后按钮才由灰色(不可点击)变成可点击
<title>JS控制在规定时间内结束后才可以点击下一步 </title>
<form action="/" method="post" name="agree">
<input type="submit" value="请认真阅读服务条款和声明 (15)" name="agreeb">
</form>
<SCRIPT language=javascript>
<!--
var secs = 15;
document.agree.agreeb.disabled=true;
for(i=1;i<=secs;i++) {
window.setTimeout("update(" + i + ")", i * 1000);
}
function update(num) {
if(num == secs) {
document.agree.agreeb.value =" 我同意 ";
document.agree.agreeb.disabled=false;
}
else {
printnr = secs-num;
document.agree.agreeb.value = "请认真阅读服务条款和声明 (" + printnr +")";
}
}
//-->
</SCRIPT>
<form action="/" method="post" name="agree">
<input type="submit" value="请认真阅读服务条款和声明 (15)" name="agreeb">
</form>
<SCRIPT language=javascript>
<!--
var secs = 15;
document.agree.agreeb.disabled=true;
for(i=1;i<=secs;i++) {
window.setTimeout("update(" + i + ")", i * 1000);
}
function update(num) {
if(num == secs) {
document.agree.agreeb.value =" 我同意 ";
document.agree.agreeb.disabled=false;
}
else {
printnr = secs-num;
document.agree.agreeb.value = "请认真阅读服务条款和声明 (" + printnr +")";
}
}
//-->
</SCRIPT>
====================================
提交资料时,怎么让按钮变为不可用,并显示为资料提交中。。。
<form name="form1" method="post" action="xxx.asp" οnsubmit="dd.disabled=true;dd.value='资料提交中……'">
<INPUT TYPE="submit" id="dd" name="dd" value="提 交">
</form>
看到很多网站有一个很有意思的功能,就是你注册的时候,“同意”按钮呈灰色不可用状态。并且自动倒计时,时间到了之后该按钮才能用。这个功能无非是让用户先阅读他的条款。经过我的学习发现用JavaScript脚本语言可以达到这个功能。代码如下
<html>
<head>
<title>同意条款</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input type="submit" name="Submit" value="同意" />
</form>
<script language="javascript">
document.form1.Submit.disabled = true;
var wait = 9; //停留时间
function updateinfo(){
if(wait == 0){
document.form1.Submit.value = "我同意";
document.form1.Submit.disabled = false;
}
else{
document.form1.Submit.value = "阅读条款"+wait;
wait--;
window.setTimeout("updateinfo()",1000);
}
}
updateinfo();
</script>
</body>
</html>
该代码设置了一个等待时间。见这一句:
var wait = 9; //停留时间
接着用循环来判断现在的时间。每过一秒钟,按钮上的数字减1。如果倒计时为零,则按钮显示“我同意”并且该按钮呈可用 状态。代码如下:
if(wait == 0){
document.form1.Submit.value = "我同意";
document.form1.Submit.disabled = false;
如果倒计时还没有为零,则该按钮仍然为不可用状态。并且显示“阅读条款”和当前的倒计时时间。
<html>
<head>
<title>同意条款</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input type="submit" name="Submit" value="同意" />
</form>
<script language="javascript">
document.form1.Submit.disabled = true;
var wait = 9; //停留时间
function updateinfo(){
if(wait == 0){
document.form1.Submit.value = "我同意";
document.form1.Submit.disabled = false;
}
else{
document.form1.Submit.value = "阅读条款"+wait;
wait--;
window.setTimeout("updateinfo()",1000);
}
}
updateinfo();
</script>
</body>
</html>
该代码设置了一个等待时间。见这一句:
var wait = 9; //停留时间
接着用循环来判断现在的时间。每过一秒钟,按钮上的数字减1。如果倒计时为零,则按钮显示“我同意”并且该按钮呈可用 状态。代码如下:
if(wait == 0){
document.form1.Submit.value = "我同意";
document.form1.Submit.disabled = false;
如果倒计时还没有为零,则该按钮仍然为不可用状态。并且显示“阅读条款”和当前的倒计时时间。