HTML表单提交的几种方式_动力节点Java学院整理

发布时间：2020-03-18 04:39 所属栏目：116 来源：站长网

导读：方式一：通过submit按钮提交 !DOCTYPE htmlhtmlheadtitle通过submit按钮提交/titlemeta charset=UTF-8//headbodyform action= method=get id=form1input type=text name=username/inputinput type=submit value=提交 //form/body/html 方式二：通过一般按

方式一：通过submit按钮提交

<!DOCTYPE html> <html> <head> <title>通过submit按钮提交</title> <meta charset="UTF-8"/> </head> <body> <form action="" method="get" id="form1"> <input type="text" name="username"></input> <input type="submit" value="提交" /> </form> </body> </html>

方式二：通过一般按钮button提交

<!DOCTYPE html> <html> <head> <title>通过一般按钮提交</title> <meta charset="UTF-8"/> </head> <body> <form action="" method="get" id="form1"> <input type="text" name="username"></input> <input type="button" value="ok" name="sb" onclick="submit1();"> </form> <script type="text/javascript"> function submit1() { var form1 = document.getElementById("form1"); form1.action = " bjpowernode.html"; form1.submit(); } </script> </body> </html>

方式三：通过超链接提交

<!DOCTYPE html> <html> <head> <title>通过超链接提交</title> <meta charset="UTF-8"/> </head> <body> <a href=http://www.jb51.net/web/"bjpowernode.html?username=张三">通过超链接提交</a> </body> </html>

（编辑：ASP站长网）