[color=red]注:以下内容为原创,但是灵感来源于网上的各位大虾的文章,在此就不一一注明,见谅![/color]submit标签和button标签
submit标签是button标签的一种,可以说是button标签的一个实例,它集成了自动提交的这个动作。一般情况下,如果在提交以后需要进行JS校验的话,需要用 type='button',然后用onClick动作手动提交。如果用type='submit'进行JS校验的话,可以结合form表格的onSubmit()动作。
------type=button标签提交
-----如果要用type=submit的方式,目标url需要在form表格中的action中标定 源码如下:
----如果在用type=submit标签提交的时候想进行JS校验,可以用form表格的onsubmit方式调用JS
submit标签是button标签的一种,可以说是button标签的一个实例,它集成了自动提交的这个动作。一般情况下,如果在提交以后需要进行JS校验的话,需要用 type='button',然后用onClick动作手动提交。如果用type='submit'进行JS校验的话,可以结合form表格的onSubmit()动作。
------type=button标签提交
<html>
<head>
<script>
function onsubmit1(){
fm.action='http://www.google.com';
fm.submit();
}
</script>
</head>
<body>
<form name='fm' method='get'><!-- 此处如果是Post的提交方式的话,是会被Google服务器拒绝的,要用Get方式-->
<input type="button" name="提交" value="点击提交" nclick="onsubmit1();"><!--此处onclick触发的JS函数名不能为onsubmit();-->
</form>
</body>
</html>
-----如果要用type=submit的方式,目标url需要在form表格中的action中标定 源码如下:
<html>
<head></head>
<body>
<form name='fm' method='get' action="http://www.baidu.com.cn">
<input type="submit" name="提交" value="自动提交">
</form>
</body>
</html>
----如果在用type=submit标签提交的时候想进行JS校验,可以用form表格的onsubmit方式调用JS
<html>
<head>
<script>
function onsubmit2(){
alert("Test....");
}
</script>
</head>
<body>
<form name='fm' method='get' nsubmit="onsubmit2();">
<input type="submit" name="提交" value="自动提交">
</form>
</body>
</html>