1. 第一种：使用type=submit  可以直接提交
  1. <html>
  2. <head>
  3. <title>submit直接提交</title>
  4. </head>
  5. <body>
  6. <!-- 表单的提交方式一 -->
  7. <form method="get">
  8. username: <input type="text" name="username"/>
  9. <br/>
  10. password: <input type="password" name="password"/>
  11. <br/>
  12. <input type="submit" value="提交"/>
  13. </form>
  14. </body>
  15. <script type="text/javascript">
  16. </script>
  17. </html>
  1. 第二种：使用type=button提交   需要得到表单的控件 使用表单空间调用自己的submit（）方法
  1. <pre name="code" class="html"><html>
  2. <head>
  3. <title>button提交</title>
  4. </head>
  5. <body>
  6. <!-- 表单的提交方式二 -->
  7. <form id="form01" method="get">
  8. username: <input type="text" name="username"/>
  9. <br/>
  10. password: <input type="password" name="password"/>
  11. <br/>
  12. <input type="button" value="提交" onclick="form01();"/>
  13. </form>
  14. </body>
  15. <script type="text/javascript">
  16. //使用button进行表单的提交
  17. function form01() {
  18. //得到form标签
  19. var form01 = document.getElementById("form01");
  20. //提交form表单
  21. form01.submit();
  22. }
  23. </script>
  24. </html>

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





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


												


											
form表单提交三种方式，demo实例详解的更多相关文章
	

    
								
  1. JavaScript表单提交四种方式
		
    总结JavaScript表单提交四种方式 <!DOCTYPE html> <html> <head> <title>JavaScript表单提交四种方式 ...
    
		
    2. 
						
  2. form表单提交信息的方式
		
    form表单提交信息的方法有两种,一种是get,一种是post.get提交的数据是在地址栏上提交,一般隐私数据不会选择这样方式.地址栏上只能提交字符. 如果使用的是post提交,那么信息都在消息正文中 ...
    
		
    3. 
						
  3. 24.form表单提交的六种方式
		
    form表单提交方式 1.无刷新页面提交表单 表单可实现无刷新页面提交,无需页面跳转,如下,通过一个隐藏的iframe实现,form表单的target设置为iframe的name名称,form提交目标 ...
    
		
    4. 
						
  4. form表单提交转为ajax方式提交
		
    <form action="xxx" method="get"> //action的值是请求的url地址 <div class="f ...
    
		
    5. 
						
  5. python 获取表单的三种方式
		
    条件:urls.py文件中配置好url的访问路径.models.py文件中有Business表. 在views.py文件中实现的三种方式: from app01 improt models def b ...
    
		
    6. 
						
  6. js表单提交一种方式
		
    在一个html和php混编的文件中,用到js提交表单的方法: 定义表单id为form1,提交按钮type为submit, var data_info = document.getElementById ...
    
		
    7. 
						
  7. Form表单提交的简要方式
		
    <html> <head> <meta name="viewport" content="width=device-width"  ...
    
		
    8. 
						
  8. 清空FORM表单的几种方式 Reset 重加载
		
    1. form中定义name <form name = "sbform" action="sb_add.php" method="post&qu ...
    
		
    9. 
						
  9. Form表单提交数据的几种方式
		
    一.submit提交 在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮(<input type='submit'>)就可以进行数据的提交, ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Git 基础教程 之 解决合并冲突
			
    ①  解决冲突 把Git合并失败的文件手动编辑成我们希望的内容 ②  提交,合并完成 场景: ①  新分支feature1,修改后,add, commit: ②  切回master后,修改后,add, ...
    
			
    2. 
						
  2. NOIP2017总结与反思
			
    手动博客搬家: 本文发表于20180213 00:01:05, 原地址https://blog.csdn.net/suncongbo/article/details/79319556 //由于12月生 ...
    
			
    3. 
						
  3. [Codeup 25482]选美
			
    [Codeup 25482 ]选美 题目 一年一度的星哥选美又拉开了帷幕 N个人报名参加选拔,每个人都有着各自的相貌参数和身材参数(不大于 10000 的正整数).你的任务是尽可能让更多人被星哥选中, ...
    
			
    4. 
						
  4. 用户命令行方式连MYSQL数据库
			
    现在是手工入门,就不太依赖IDE,使用MYSQL的JDBC的JAR包连数据库的方式如下: 演示文件内容: package cc.openhome; import java.sql.*; public  ...
    
			
    5. 
						
  5. 【ACM】poj_2092_Grandpa is Famous_201308021920
			
    Grandpa is FamousTime Limit: 2000MS  Memory Limit: 30000K Total Submissions: 7256  Accepted: 3670 De ...
    
			
    6. 
						
  6. Eclipse在Project Explorer项目归组及分模块显示
			
    普通项目: 1.[Package Explorer]->[filter]->[Top Level Elements]->[Working Sets] 2.[Package Explo ...
    
			
    7. 
						
  7. innodb_max_purge_lag
			
    mysql 现象:  线上数据库每个表分配一个ibdata,但是总的ibdata文件很大,超过10G,用相关工具查看,大部分空间都是undo_log 分析了db33的ibdata1的记过  Total ...
    
			
    8. 
						
  8. android中LocalBroadcastManager的使用
			
    今天遇到一个acitivity之间通信的问题,因为我们是用TabActivity包裹了Activity(我们称之为A).所以这两个Activity是同一时候存在的.当在TabActivity中启动其它 ...
    
			
    9. 
						
  9. Error解决：Property&#39;s synthesized getter follows Cocoa naming convention for returning &#39;owned&#39;
			
    在项目中定义了以new开头的textField.结果报错: 先看我的源代码: #import <UIKit/UIKit.h> @interface ResetPasswordViewCon ...
    
			
    10. 
						
  10. php创建简单的列表页
			
    php创建简单的列表页 样例 代码 <?php $userInfo[] = array( 'id'=>'1', 'username'=>'fry', 'sex'=>'nan', ...
    
			
    11.