form表单提交三种方式，demo实例详解

最新推荐文章于 2024-05-04 15:43:14 发布

android_0327

最新推荐文章于 2024-05-04 15:43:14 发布

阅读量9.6k

点赞数 1

文章标签： web HTML 语言 javascript 表单对象

本文链接：https://blog.csdn.net/android_0327/article/details/52834411

版权

第一种：使用type=submit  可以直接提交

<html>
 <head>
  <title>submit直接提交</title>
 </head>

 <body>
	<!-- 表单的提交方式一 -->
	<form method="get">
		username: <input type="text" name="username"/>
		<br/>
		password: <input type="password" name="password"/>
		<br/>
		<input type="submit" value="提交"/>
	</form>

 </body>
<script type="text/javascript">

</script>
</html>

第二种：使用type=button提交   需要得到表单的控件 使用表单空间调用自己的submit（）方法

<pre name="code" class="html"><html>
 <head>
  <title>button提交</title>
 </head>

 <body>
	<!-- 表单的提交方式二 -->
	<form id="form01" method="get">
		username: <input type="text" name="username"/>
		<br/>
		password: <input type="password" name="password"/>
		<br/>
		<input type="button" value="提交" οnclick="form01();"/>
	</form>
 </body>
<script type="text/javascript">
	//使用button进行表单的提交
	function form01() {
		//得到form标签
		var form01 = document.getElementById("form01");
		//提交form表单
		form01.submit();
	}
</script>
</html>

第三种：直接使用get网址进行超链接提交

<pre name="code" class="html"><a href="html?username=ccc&password=123456">超链接提交数据</a>

android_0327

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
form表单提交三种方式，demo实例详解

第一种：使用type=submit 可以直接提交 submit直接提交 username: password: 第二种：使用type=button提交需要得到表单的控件使用表单空间调用自己的submit（）方法 button提交 username: password:
复制链接

扫一扫