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. form表单提交信息的方式

    form表单提交信息的方法有两种,一种是get,一种是post.get提交的数据是在地址栏上提交,一般隐私数据不会选择这样方式.地址栏上只能提交字符. 如果使用的是post提交,那么信息都在消息正文中 ...

  3. 24.form表单提交的六种方式

    form表单提交方式 1.无刷新页面提交表单 表单可实现无刷新页面提交,无需页面跳转,如下,通过一个隐藏的iframe实现,form表单的target设置为iframe的name名称,form提交目标 ...

  4. form表单提交转为ajax方式提交

    <form action="xxx" method="get"> //action的值是请求的url地址 <div class="f ...

  5. python 获取表单的三种方式

    条件:urls.py文件中配置好url的访问路径.models.py文件中有Business表. 在views.py文件中实现的三种方式: from app01 improt models def b ...

  6. js表单提交一种方式

    在一个html和php混编的文件中,用到js提交表单的方法: 定义表单id为form1,提交按钮type为submit, var data_info = document.getElementById ...

  7. Form表单提交的简要方式

    <html> <head> <meta name="viewport" content="width=device-width" ...

  8. 清空FORM表单的几种方式 Reset 重加载

    1. form中定义name <form name = "sbform" action="sb_add.php" method="post&qu ...

  9. Form表单提交数据的几种方式

    一.submit提交 在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮(<input type='submit'>)就可以进行数据的提交, ...

随机推荐

  1. [poj3565] Ants (二分图带权匹配)

    传送门 Description 年轻自然主义者比尔在学校研究蚂蚁. 他的蚂蚁以苹果树上苹果为食. 每个蚁群都需要自己的苹果树来养活自己. 比尔有一张坐标为 n 个蚁群和 n 棵苹果树的地图. 他知道蚂 ...

  2. delphi主i窗口中实现多页面管理效果

    MainForm上加Panel,把Panel的DockSite设为True, 把窗口FB_orderManage的DragKind设为dkDock,  DragMode设为dmAuromatic 在M ...

  3. elasticsearch 权威指南入门阅读笔记(一)

    相关文档 esapi:https://es.xiaoleilu.com/010_Intro/10_Installing_ES.html     https://esdoc.bbossgroups.co ...

  4. MySQL中index和key的关系

    KEY is normally a synonym for INDEX. The key attribute PRIMARY KEY can also be specified as just KEY ...

  5. 0301mysql数据库建表情况

    转自博客:http://blog.csdn.net/dreamcode/article/details/8557197 一. 表设计 库名.表名.字段名必须使用小写字母,“_”分割. 库名.表名.字段 ...

  6. Sublime Text 3常用插件—Emmet

    原文链接:http://www.cnblogs.com/easy-blue/p/6617852.html 摘要: 安装请看上一篇Sublime Text—安装,和sublime自带快捷键一起用,写ht ...

  7. OpenCV学习笔记(六十二)——《OpenCV Computer Version with Python》阅读摘要

    如今python火啊.每次OpenCV自带的ml模块都让我直呼坑爹,索性准备用python来做OpenCV后期的机器学习算法的处理.于是赶紧拿起这本书读读. 适合OpenCV和python都有一定基础 ...

  8. HttpSession的深入分析与研究

    HTTP是无状态协议,这意味着每次client检索网页时,都要单独打开一个server连接,因此server不会记录下先前client请求的不论什么信息. 有三种方法来维持client与server的 ...

  9. 9517 Link Link Look

    9517 Link Link Look 该题有题解 时间限制:2000MS  内存限制:65535K提交次数:67 通过次数:18 题型: 编程题   语言: G++;GCC Description ...

  10. 数据挖掘十大经典算法--CART: 分类与回归树

    一.决策树的类型  在数据挖掘中,决策树主要有两种类型: 分类树 的输出是样本的类标. 回归树 的输出是一个实数 (比如房子的价格,病人呆在医院的时间等). 术语分类和回归树 (CART) 包括了上述 ...