submit标签

注:以下内容为原创,但是灵感来源于网上的各位大虾的文章,在此就不一一注明,见谅!submit标签和button标签

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>

 


你可能感兴趣的:(Google)