js button提交表单实现代码
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] 在html中button按钮是无法提交数据的，只是一种按钮，我们要怎么使用button实现表单提交呢，下面我来给大家详细介绍js button提交表单的方法介绍。...
|
方法submit()这个是js中的函数很简单
| 代码如下 |
复制代码 |
|
<javascript>
function addressadd()
{
document.formAddress.submit(); //formAddress是上面表单的ID
}
</javascript>
|
formAddress是你的表单名或ID这样就可以实现提交表单了
例
| 代码如下 |
复制代码 |
|
<script>
function addressadd()
{
document.formAddress.submit(); //formAddress是上面表单的ID
}
</script>
<form name="formAddress" id="myform" method="get" action="b.php">
<input type="text" name="pwd" value="" />
<input type="submit" name="sub" value="111" />
<input type="button" name="btn" value="btn" onclick="test()" />
</form>
|
如果想实现提交表单后打开新窗口可直接如下写
| 代码如下 |
复制代码 |
|
<form name="Form" method="post">
<input type=submit name="preview" value="提交" onclick=document.Form.target="";document.Form.action="submit.asp"}>
<input type=submit name="preview" value="预览"
onclick=document.Form.target="_blank";document.Form.action="preview.asp"}>
</form>
|
表单提交后按钮变灰代码
| 代码如下 |
复制代码 |
|
<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>
|
|
