首页 > 编程 > HTML > 正文

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

2024-08-26 00:09:58
字体:
来源:转载
供稿:网友

方式一:通过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="bjpowernode.html?username=张三">通过超链接提交</a> </body></html>
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表