关于表单



表单在HTML页面中起着非常重要作用，它是实现与用户信息交互的重要手段。

       一般情况下，表单设计时使用的标记包括：<form>、< input>、<Option>、<Select>、<textarea>和<isindex>。

1 <form>表单标记

　　其基本语法结构如下：

<form action＝urlmethod=get|post name＝value οnreset=function onsubmit＝function></form>

action属性：用于指定处理表单数据程序url的地址。这样的程序通常是CGI应用程序，采用电子邮件方                       式时，用action="mailto:目标邮件地址"。

method属性：指定数据传送到服务器的方式。有两种主要的方式，

                      当method=get时，将输入数据加在action指定的地址后面传送到服务器；

                      当method=post时则将输入数据按照HTTP传输协议中的post传输方式传送到服务器，用                       电子邮件接收用户信息采用这种方式。

name属性：用于设定表单的名称。

onsubmit属性：设定了在按下reset按钮（submit按钮）之后要执行的子程序。

2 <input>表单输入标记

　　其基本语法结构如下：

<input  name=value

             type=text|textarea|password|checkbox|radio|submit|reset|file|hidden|image|button

             value=value

             src=url

             checked

             maxlength=n

             size=n

             οnclick=function

             οnselect=function>

属性name：设定当前变量名称。

属性type的值：决定了输入数据的类型。其选项较多，各项的意义如下：

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

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

type=password:  表示输入数据为密码，用星号表示；

type＝checkbox：表示复选框；

type＝radio：表示单选框；

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

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

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

type＝hidden：表示隐藏按钮；

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

type＝button：表示普通按钮；

type＝value：用于设定输入默认值，即如果用户不输入的话，就采用此默认值；

type＝src：是针对type=image的情况来说的，设定图像文件的地址；

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

属性maxlength在type取值text时有效，表示最大输入字符的个数；

属性size在type取值texyarea时有效，表示在输入多行文本时的最大输入字符个数；

属性onclick表示在按下输入时调用指定的子程序；

属性onselect表示当前项被选择时调用指定的子程序。

3 <select>下拉菜单标记

　　用<select>标记用于在表单中插入一个下拉菜单，它需与<option>标记配合使用，其基本语法结构如下：

      <select  name=nametext   size=n   multiple>

            <option  selected   value=value>

            …

            <option  selected   value=value>

      </select>

属性name设定下拉式菜单的名称；

属性size设定一次显示菜单项的个数，默认值=1；

multiple属性表示可以进行多选；

<option>标记表示下拉菜单中一个选；

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

属性value表示该选项对应的值，在该项被中之后，该项的值就会被送到服务器进行处理。

4 <textarea>多行文本输入标记

　　其基本语法结构如下：

       <textarea  name=name cols=n rows=n wrap=off|hard|soft></textarea>

属性name表示文本框名称；

属性clos、rows分别表示多行文本输入框的宽度和高度（行数）；

属性wrap进行换行控制，

当wrap＝off时不自动换行；

当wrap＝hard时自动硬回车换行，换行标记一同被传送到服务器中去；

当wrap＝soft时自动软回车换行，换行标记不会传送到服务器中去。