HTML表单介绍

表单语法结构如下:

<form action=“url” method=“get|post” name=“value” enctype=“编码方式"

   onsubmit ="function" onreset="function" target="window"></form>

action属性:

设置服务器上用来处理表单数据的处理程序地址，处理程序可以是JSP程序、CGI（Common Gateway Interface，通用网关接口）程序、ASP.NET程序等，该属性值可以是URL地址也可以是电子邮件地址。

例如：action=”http://localhost/sample/ShopCart.jsp”，表示当用户提交表单后，将调用服务器上的JSP页面ShopCart.jsp来处理用户的输入。

另外，采用电子邮件地址的格式是：action=”mailto:接收用户输入信息的邮件地址”。

例如：action=”mailto:youremail@zzuli.edu.cn”，表示把用户的输入信息发送到电子邮件地址youremail@zzuli.edu.cn。

method属性

设置处理程序从表单中获得信息的方式，取值可为get或post。

name属性

设置表单的名字。

onsubmit、onreset属性

设置在单击了“submit”或“reset”按钮后要执行的脚本函数名。

target属性

设置显示表单内容的窗口名。

enctype属性

enctype=“编码方式”

设置表单信息提交的编码方式。

编码方式取值	含义
Text/plain	以纯文本的形式传送
Application/x-www-form-urlencoded	默认的编码方式
Multipart/form-data	MIME编码，上传文件的表单必须选择该项

表单域

<input>标签用来定义单行输入域，用户可在其中输入单行信息。

结构如下：

<input  name=value type=text|textarea|password|checkbox|radio|submit|reset|file|hidden|image|button value=the_value src=url checked

    maxlength=n size=n onclick=function onselect=function>

主要属性如下：

type属性：设置输入域的数据类型，取值如表3-1所示。

 type=text：表示输入单行文本。

      maxlength=m：type取值text时有效，表示最大输入字符的个数m

typet=textarea：表示输入多行文本。

      size=m：type取值texyarea时有效，表示在输入多行文本时最大输入字符个数m。

type=password:表示输入数据为密码，显示时用*表示。

type＝checkbox：表示复选框。

type＝radio：表示单选框。

      checked：在type取值radio/checkbox时有效，表示该项被默认选中

type＝submit：表示提交按钮，数据将被送到服务器。

type＝reset：表示清除表单数据，以便重新输入。

type＝file：表示插入一个文件。

type＝image：表示插入一个图像。

       src=文件名：针对type=image情况，指定图像文件名。

type＝button：表示普通按钮。

type＝hidden：表示隐藏按钮，用户不能在其中输入，用来预设要传送的信息。

name属性

设置输入域的名字。

value属性

设置输入域的默认值。

align属性

设置输入域位置，可取值left（靠左）、right（靠右）、middle（居中）、top（靠上）、bottom（靠底）。

onclick属性

设置按下按钮后调用指定的脚本函数名（子程序）。

onselect属性

设置当前项被选择时调用指定的子程序。

多行输入域

<textarea></textarea>标签对用来定义多行文本输入域

主要属性如下：

name属性：设置输入域名字。

rows属性：设置输入域的行数。

cols属性：设置输入域的列数。

wrap属性：设置是否自动换行，属性值可取off（不自动换行）、hard（或physical，自动硬回车换行，换行标记一同被传送到服务器）、soft（或virtual，自动软回车换行，换行标记不会被传送到服务器）。

选择域

<select></select>标签对用来建立一个下拉列表，<option>标签用来定义下拉列表中的一个选项，用户可以从列表中选择一项或多项。

①主要属性：

name属性：设置下拉列表的名字。

size属性：设置下拉列表中选项个数，默认值为1。

multiple属性：表示下拉列表支持多选。

②主要属性：

selected属性：表示当前选项被默认选中。

value：设置当前选项的值，在该项被选中之后，该项的值将被送到服务器。

表单按钮

<button></button>标签对用于定义提交表单内容给服务器的按钮，主要属性有type和accesskey。

type属性

设置按钮类型，属性值可取button（一般按钮）、reset（复位按钮）、submit（提交按钮）。他们与中同名的属性具有相同的功能。

accesskey属性

设置按钮热键，即按下Alt键的同时按下该属性值所对应得键便可以快速定位到该按钮。

示例代码

<html>

      <head><title>表单使用</title></head>

      <body>

         <form name="form1" method="post" action ="register.jsp">

         <h1 align ="left" >注册</h1>

         <br>

         <p>用户名：<input type ="text" name="username"></p>

         <p>密  码：<input type ="password"name="userpwd1"></p>

         <p>确认密码：<input type ="password"name="userpwd2"></p>

         <p>性  别：<input type ="radio" name ="usersex" value="男">男

         <input type ="radio" name ="usersex" value="女">女

   </p>

    <p>证件类型：

      <select name="select">

        <option value="xsz">学生证

        <option value="sfz" selected>身份证

        <option value="jgz">军官证

      </select>

      </p>

      <p>证件号码：<input type ="text" name="userid"></p>

      <p><input type ="submit" name="submit" value ="提交">

      <input type ="reset" name="reset" value ="取消">

     </p>

    </form>

  </body>

</html>