js提交表单后按钮置灰效果
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] 有时我们不希望用户重复提交数据，所以希望用户提交表单之后提交按钮就暂时不可用了，不能再提交数据了，下面我来介绍两个实例。...
|
实例一
| 代码如下 |
复制代码 |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS表单提交后按钮置灰</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<form name="form1" method="post" action="http://www.111cn.net">
<input type="text" name="username" value="zzsky">
<input type="button" value="提交" onclick="<a href=http://www.111cn.net target=_blank >javascript</a>:{this.disabled=true;document.form1.submit();}">
</form>
</body>
</html>
|
实例二
| 代码如下 |
复制代码 |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>表单提交后按钮变灰代码</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<script language="javascript">
function my_submit(){
document.form1.submit();
document.form1.submit1.disabled=true;
}
</script>
<form action="/" method="post" name="form1">
<input type="text" name="name">
<input type="button" name="submit1" value="提交" onClick="javascript:my_submit();">
</form>
</body>
</html>
|
|
