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. Linux放弃到入门
			
    流星,因为短暂而美丽,划过黑寂的夜空,释放出那一闪而逝的光芒,虽然微弱,但却没有人能无视它的存在.人生如同流星,充满了精彩与传奇,如同一支美丽的传说,究竟能否想流星那样短暂,别人决定不了,上天也决定不 ...
    
			
    2. 
						
  2. android网络类型之2G-3G切换
			
    在android手机‘设置’-‘移动网络类型’里可以看到有关网络类型的选项,一般默认为3G优先. 如果有需要在程序中切换网络类型的朋友,不妨试试下面的方法.这里提供了几种思路,虽然可能对待 手机的方式 ...
    
			
    3. 
						
  3. flask-sqlalchemy 配置 mysql （转载的文章）
			
    一.当然是把必备的包给安装上才行: Flask-SQLAlchemy pip install flask-sqlalchemy MySQL windows下64位压缩包的安装方式可以参考: http: ...
    
			
    4. 
						
  4. （30）导入时如何定制spring-boot依赖项的版本【转载】【从零开始学Spring Boot】
			
    此文章转载地址:http://www.tuicool.com/articles/RJJvMj3 请注重作者的版权. spring-boot通过maven的依赖管理为我们写好了很多依赖项及其版本,我们可 ...
    
			
    5. 
						
  5. js setTimeout函数
			
    最近在看JS DOM编程艺术,在第十章的动画里面有个setTimeout函数的例子中涉及了很多的引号,研究了好大一会才看明白,综合网上各个大神的解释和自己的理解,其原理是这样的: 首先看下程序源代码: ...
    
			
    6. 
						
  6. Spring注解@Repository、@Service、@Controller、@Component
			
    继前几章所讲解的注解中: http://www.cnblogs.com/EasonJim/p/6892280.html http://www.cnblogs.com/EasonJim/p/689974 ...
    
			
    7. 
						
  7. ELK 聚合查询
			
    在elasticsearch中es支持对存储文档进行复杂的统计.简称聚合. ES中的聚合被分为两大类. 1.Metrics, Metrics 是简单的对过滤出来的数据集进行avg,max等操作,是一个 ...
    
			
    8. 
						
  8. MySQL 面试题目
			
      1, mysql的复制原理以及流程. (1)先问基本原理流程,3个线程以及之间的关联. (2)再问一致性,延时性,数据恢复. (3)再问各种工作遇到的复制bug的解决方法 2,mysql中myis ...
    
			
    9. 
						
  9. [Drupal]主题教程
			
    drupal6和drupal7的主题开发有很大不同,本指南包含了这些不同 drupal7的默认主题是Bartik,6的是Garland drupal的主题系统是如何工作的 这部分内容主要讲述的是dru ...
    
			
    10. 
						
  10. Python - 字符串模板的安全替换(safe_substitute) 具体解释
			
    字符串模板的安全替换(safe_substitute) 具体解释 本文地址: http://blog.csdn.net/caroline_wendy/article/details/27057339  ...
    
			
    11.