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. [cf 1015f] Bracket Substring (dp+kmp)
			
    传送门 Solution 设dp方程dp[now][pos][red][fla]表示还有now个位置,pos表示匹配到第几位,red表示左括号数-右括号数,fla表示是否已经是给定串的字串 暴力转移即 ...
    
			
    2. 
						
  2. [USACO5.5]隐藏口令Hidden Password [最小表示法模板]
			
    最小表示法就是一个字符串构成一个环,找以哪个点为开头字典序最小. 然后我们就可以用n2的算法愉快的做啦~实际上有O(n)的做法的,就是用两个指针扫,如果这两个位置的字典序相等,就一起往后,如果某一个大 ...
    
			
    3. 
						
  3. MySQL中的注释符号的使用
			
    前言 在学习MySQL的过程中,因为目前接触的语法简单,所以实在没有想到过加入注释.在写博客使用Markdown时,突然想用注释语句,所以便百度了一下,引用了这一篇转载博客. MySQL中的注释符号有 ...
    
			
    4. 
						
  4. GOF23设计模式之适配器模式
			
    GOF23设计模式之适配器模式 结构型模式: 核心作用:是从程序的结构上实现松耦合,从而可以扩大整体的类结构,用来解决更大的问题. 分类:适配器模式.代理模式.桥接模式.装饰模式.组合模式.外观模式. ...
    
			
    5. 
						
  5. 洛谷 P1131 BZOJ 1060 [ZJOI2007]时态同步
			
    题目描述 小Q在电子工艺实习课上学习焊接电路板.一块电路板由若干个元件组成,我们不妨称之为节点,并将其用数字1,2,3….进行标号.电路板的各个节点由若干不相交的导线相连接,且对于电路板的任何两个节点 ...
    
			
    6. 
						
  6. 0223实战：MySQL Sending data导致查询很慢的问题详细分析
			
    转自博客http://blog.csdn.net/yunhua_lee/article/details/8573621 [问题现象] 使用sphinx支持倒排索引,但sphinx从mysql查询源数据 ...
    
			
    7. 
						
  7. 洛谷—— P1097 统计数字
			
    https://www.luogu.org/problem/show?pid=1097 题目描述 某次科研调查时得到了n个自然数,每个数均不超过1500000000(1.5*10^9).已知不相同的数 ...
    
			
    8. 
						
  8. js面向对象 多种创建对象方法小结
			
    转自js面向对象 多种创建对象方法小结 1.对象字面量 var clock={ hour:12, minute:10, second:10, showTime:function(){ alert(th ...
    
			
    9. 
						
  9. jQuery Mobile中$.mobile.buttonMarkup方法使用具体解释
			
    近期在群里遇到多数网友提到$.mobile.buttonMarkup()方法的使用. 我这里就列了一下api的使用说明,以后大家看博客就能解决这个问题.如有不对的地方,请留言指出! jQuery Mo ...
    
			
    10. 
						
  10. java SE与java EE , java ME之间的关系
			
    question: Which one should I install when I want to start learning Java? I'm going to start with som ...
    
			
    11.