表单提交方式

独挽离人

于 2018-07-25 16:08:00 发布

阅读量202

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript JavaWeb 文章标签： js

本文链接：https://blog.youkuaiyun.com/StriveE2/article/details/81294618

JavaWeb 同时被 2 个专栏收录

19 篇文章

订阅专栏

JavaScript

6 篇文章

订阅专栏

本文详细介绍了三种不同的表单提交方法：使用submit按钮直接提交、使用button结合JavaScript提交及利用超链接进行表单提交。每种方法都有其适用场景与优缺点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

*使用submit提交

1 <form action=对应服务器>
2         name:
3         <br>
4         <input type="text" name="name">
5         <br />
6         <input type="submit" value="Submit">
7     </form>

*使用button提交

 1 <!DOCTYPE html>
 2 <html>
 3 
 4 <body>
 5     <form id = "form1">
 6         name:
 7         <br>
 8         <input type="text" name="name">
 9         <br />
10         <input type="button" value="Submit" onclick="submit()"/>
11     </form>
12 </body>
13     <script type="text/javascript">
14         //实现提交的方式
15         function submit(){
16             var form1 = document.getElementById("form1")
17             form1.action = 对应服务器;
18             form1.submit();
19         }
20     </script>
21 </html>

*使用超链接提交

1 <form id = "form1">
2         name:
3         <br>
4         <input type="text" name="name">
5         <br />
6         <a href="hello.html?username=12345">使用超链接提交</a>
7 </form>

第一种和第二种感觉并没有什么区别