表单提交的方式

原创 2015年11月20日 11:16:29

表单提交方式:
1. Submit提交

<form>
……
    <input type=”submit”  />
</form>  

2.使用button提交表单

<form>
<input  type=”button” onclick=”form1();”/>
</form>
function form1(){
}

3.使用超链接提交

<a href=”hello.html?username=1234(即添加提交的参数)”> 使用超链接提交</a>
  • 常用的事件响应方法:

onclick()鼠标点击事件
onchange()改变内容(一般和select一起使用)
onfocus()得到焦点
onblur()失去焦点

  • 完整代码如下:
 <html>
 <head>
  <title>HTML示例</title>
  <style type="text/css">

  </style>
 </head>
 <body>
 <form id="form1" action="hello.html">
    <input type="text" name="username"/>
    <!--onfocus()&onblur();用法-->
    <input type="text" id="name1" name="name1" value="please input" onfocus="focus1();" onblur="blur1();"/>
    <br/>
    <!--提交方式1-->
    <input type="submit"/>
    <br/>
    <!--提交方式2-->
    <input type="button" value="提交" onclick="form1();">
 <form>
    <br/>
    <!--提交方式3-->
 <a href="hello.html"?username="1234">使用超链接提交</a>
 <script type="text/javascript">
    function form1(){
      var form_1=document.getElementById("form1");
      form_1.action="hello.html";//设置提交到另一个html网页
      form_1.submit();
     }
     //实现鼠标点击得到焦点时,输入框内容清空
     function focus1(){
       var input1=document.getElementById("name1");
       input1.value="";
     }
     //实现鼠标点击别处失去焦点时,输入框默认内容还原
     function blur1()
     {
      var input1=document.getElementById("name1");
       input1.value="please input";
     }
 </script>
 </body>
</html>

数据传输的三种交换方式

电路交换,报文交换,分组交换首先我们来看看三种交换方式的示意图对照上面的图,给出三种交换方式在数据传输阶段的主要特点: 电路交换:整个报文的比特流连续的从源点直达终点,好像在一个管道中传送。 报文交换...
  • zjq_1314520
  • zjq_1314520
  • 2017年01月04日 21:34
  • 3608

几种加密方式

几种加密方式 1 Base64加密方式(可逆) Base64中的可打印字符包括字母A-Z/a-z/数组0-9/ 加号’+’斜杠’/’ 这样共有62个字符 Base64 ios7之后加入系统库 ...
  • chentengkui
  • chentengkui
  • 2017年05月19日 23:38
  • 418

hibernate的三种查询方式

Hibernate的查询方式 hibernate的查询方式常见的主要分为三种: HQL, QBC, 以及使用原生SQL查询 HQL查询 • HQL(Hibernate Query...
  • wyswlp
  • wyswlp
  • 2013年07月09日 17:17
  • 1279

C++三种继承方式的区别

// test1.cpp : 定义控制台应用程序的入口点。 // #include "stdafx.h" #include "iostream" using namespace std; cla...
  • d06110902002
  • d06110902002
  • 2016年05月24日 18:32
  • 865

hibernate的三种查询方式

Hibernate的查询方式 hibernate的查询方式常见的主要分为三种: HQL, QBC(命名查询), 以及使用原生SQL查询(SqlQuery) 一、HQL查询 • HQL(Hibe...
  • u010963948
  • u010963948
  • 2013年11月19日 09:20
  • 13784

常见认证方式

/转自 http://www.cnblogs.com/Irving/p/4964489.html 作者:花儿笑弯了腰 常用认证方式 在之前的文章REST API 安全设计指南与使用 ...
  • jansony1
  • jansony1
  • 2016年09月04日 09:51
  • 2208

Spring中装配bean的三种主要方式

1、隐式的bean发现机制和自动化装配 组件扫描( component scanning) : Spring会自动发现应用上下文中所创建的bean。 自动装配( autowiring) : Spr...
  • Tracycater
  • Tracycater
  • 2017年02月22日 16:07
  • 1552

几种常见的加密方式介绍

密码学在计算机科学中使用非常广泛,HTTPS就是建立在密码学基础之上的一种安全的通信协议。HTTPS早在1994年由网景公司首次提出,而如今在众多互联网厂商的推广之下HTTPS已经被广泛使用在各种大小...
  • dirk2014
  • dirk2014
  • 2016年12月08日 22:11
  • 359

jdbc连接数据库的三种方式

1.jdbc: 使用java代码发送sql的技术。是由sun公司提供的一套规范。 2.连接数据库的三种方式 import java.sql.Connection; import java.sql...
  • fengyunchuanqi
  • fengyunchuanqi
  • 2017年06月05日 17:38
  • 287

深入浅出spring IOC中三种依赖注入方式

深入浅出spring IOC中三种依赖注入方式 spring的核心思想是IOC和AOP,IOC-控制反转,是一个重要的面向对象编程的法则来消减计算机程序的耦合问题,控制反转一般分为两种类型,依赖...
  • u011637069
  • u011637069
  • 2016年07月19日 19:53
  • 28013
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:表单提交的方式
举报原因:
原因补充:

(最多只允许输入30个字)