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运维工程师学习大纲
			
    linux运维课程大纲: Linux运维: Linux系统管理: Linux服务及安全管理: httpd,lamp,lnmp cache:memcached,varnish DB:mysql(mari ...
    
			
    2. 
						
  2. Python列表的复制
			
    1.直接按名字赋值: my_habit = ['game', 'running'] friend_habit = my_habit my_habit.append('swimming') friend ...
    
			
    3. 
						
  3. BZOJ 1500 Luogu P2042 [NOI2005] 维护数列 (Splay)
			
    手动博客搬家: 本文发表于20180825 00:34:49, 原地址https://blog.csdn.net/suncongbo/article/details/82027387 题目链接: (l ...
    
			
    4. 
						
  4. JavaSE 学习笔记之接 口（六）
			
    接 口: 1:是用关键字interface定义的. 2:接口中包含的成员,最常见的有全局常量.抽象方法. 注意:接口中的成员都有固定的修饰符. 成员变量:public static final     ...
    
			
    5. 
						
  5. asp怎么实现二级联动下拉菜单
			
    rs为一级栏目的记录集 rs2为二级栏目的记录集 分别替换成你自己的记录集名称就好了 <script language="JavaScript"> var onecou ...
    
			
    6. 
						
  6. jre1.6下载地址
			
    官方下载地址http://java.sun.com/javase/downloads/widget/jdk6.jsp
    
			
    7. 
						
  7. 洛谷—— P2014 选课
			
    https://www.luogu.org/problem/show?pid=2014 题目描述 在大学里每个学生,为了达到一定的学分,必须从很多课程里选择一些课程来学习,在课程里有些课程必须在某些课 ...
    
			
    8. 
						
  8. Javascript中数据实时推送
			
    数据变化后前端需要更新,有几种方式:(参考http://www.xiaocai.name/post/cf1f9_7b6507) .利用setInterval函数,每隔n秒去异步拉取数据.对数据实时性要 ...
    
			
    9. 
						
  9. SVNserver搭建和使用（二）
			
    上一篇介绍了VisualSVN Server和TortoiseSVN的下载,安装,汉化.这篇介绍一下怎样使用VisualSVN Server建立版本号库,以及TortoiseSVN的使用. 首先打开V ...
    
			
    10. 
						
  10. Linux下叹号！的用法
			
    在定义包含!的字符串变量时,出现了以下提示错误. 注意:在centos系统下错误,在Fedora系统可以正常运行. 修正方法有以下几种: (1)将整个字符串用单引号引起来. (2)在!后添加空格. ( ...
    
			
    11.