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. react-native页面间传递数据的几种方式
			
    1. 利用react-native 事件DeviceEventEmitter 监听广播 应用场景: - 表单提交页面, A页面跳转到B页面选人, 然后返回A页面, 需要将B页面选择的数据传回A页面.  ...
    
			
    2. 
						
  2. 利用IO多路复用，使用linux下的EpollSelector实现并发服务器
			
    import socket import selectors # IO多路复用选择器的模块 # 实例化一个和epoll通信的选择器 epoll_selector = selectors.EpollSe ...
    
			
    3. 
						
  3. LaTeX的简单使用方法
			
    先来一个总结得比较好的https://blog.csdn.net/garfielder007/article/details/51646604 1.普通公式 $公式不换行$ $公式不换行$ $$公式独 ...
    
			
    4. 
						
  4. Adaptively handling remote atomic execution based upon contention prediction
			
    In one embodiment, a method includes receiving an instruction for decoding in a processor core and d ...
    
			
    5. 
						
  5. [bzoj1660][Usaco2006 Nov]Bad Hair Day_单调栈
			
    Bad Hair Day bzoj-1660 Usaco-2006 Nov 题目大意:n头牛站成一列,每头牛向后看.f[i]表示第i头牛到第n头牛之间有多少牛,使得这些牛都比i矮,且中间没有比i高的牛 ...
    
			
    6. 
						
  6. [bzoj2186][Sdoi2008]沙拉公主的困惑_数论
			
    沙拉公主的困惑 bzoj-2186 Sdoi-2008 题目大意:求N!中与M!互质的数的个数. 注释:$1\le N,M\le 10^7$. 想法:显然是求$\phi(M!)$.这东西其实只需要将数 ...
    
			
    7. 
						
  7. [Cypress] Wait for XHR Responses in a Cypress Test
			
    When testing interactions that require asynchronous calls, we’ll need to wait on responses to make s ...
    
			
    8. 
						
  8. BNU 34986 Football on Table
			
    "Bored? Let's play table football!" The table football is played on a rectangular table, u ...
    
			
    9. 
						
  9. nyoj--170--网络的可靠性（水题）
			
    网络的可靠性 时间限制:3000 ms  |  内存限制:65535 KB 难度:3 描述 A公司是全球依靠的互联网解决方案提供商,也是2010年世博会的高级赞助商.它将提供先进的网络协作技术,展示其 ...
    
			
    10. 
						
  10. ORACLE 11g 生产中高水位线(HWM)处理
			
    数据库中表不断的insert,delete,update,导致表和索引出现碎片.这会导致HWM之前有很多的空闲空间,而oracle在做全表扫描的时候会读取HWM一下的所有块,这样会产生更多的IO,影响 ...
    
			
    11.