学习笔记——表单提交数据

最新推荐文章于 2025-04-22 01:05:44 发布

原创最新推荐文章于 2025-04-22 01:05:44 发布 · 111 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了两种HTML表单提交的方法：一是通过按钮触发JavaScript提交，二是直接使用带有参数的超链接进行提交。前者展示了如何利用JavaScript修改表单的action属性并调用submit方法，后者则直接在超链接中携带参数。

1.button提交

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta name="generator" content="editplus" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
 <style type="text/css">
</style>
 </head>

 <body>
  <form id="form1">
  <input type="text" name="username">
  <br>
  <input type="button" value="tijiao" onclick="form1();">
  </form>
 </body>
 <script type="text/javascript">
 function form1(){
 //获取form
 var form1=document.getElementById("form1");
 form1.action="1.html";
form1.submit(); 
 }
 </script>
</html>