原生表单提交的方式

最新推荐文章于 2023-06-14 06:50:31 发布

汉澳西尔

最新推荐文章于 2023-06-14 06:50:31 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML 文章标签：表单

本文链接：https://blog.youkuaiyun.com/Yshulong/article/details/52505544

HTML 专栏收录该内容

1 篇文章

订阅专栏

第一种方式：

第二种方式：

document.forms[0].submit();

第三种方式：

通过表单名称提交

<html>
 <head>
  <script type="text/javascript">
   function f1(){
    alert("准备提交");
    formName.submit();
   }
  </script>
 </head>
 <body>
  <form name="formName" action="actionName" method="get">
   <h1>演示用表单的name属性进行提交</h1>
   <table>
    <tr>
     <td>用户名</td><td><input name="userName"/></td>
    </tr>
    <tr>
     <td>密码</td><td><input name="password" type="password"/></td>
    </tr>
    <tr>
     <td> </td>
     <td><input value="提交" type="button" onclick="f1();"/></td>
    </tr>
   </table>
  </form>
 </body>
</html>