HTML学习笔记：表单标记

1、<form>
 <form>用来定义一个表单区域，它是一个容器标记，其他表单标记需要放在<form>与</form>之间。<form>常用属性有：
 (1)action:用来设定处理表单数据的页面或脚本，属性值通常为动态网页文件的路径。例如：action="do.jsp"、action="do.aspx"。    如果属性值为空则表示提交到页面本身。
 (2)method:用来设定将表单数据传输到服务器所使用的方法，可取的属性值有：
    (a)get:将表单数据附加到所请求的RUL中，此种方法不能传送大量数据，且不安全，所以不常用。
    (b)post:将表单数据嵌入HTTP请求中，此种方法容许传送大量数据，较为常用。
2、文本框
 文本框允许用户输入单行信息，如姓名、邮件地址等。定义文本框的语法为：
  <input type="text">
 文本框除了type属性外，其他常用属性有：
 (1)name:用来设定文本框的名称，所选名称必须在表单内唯一标认该文本框，名称字符串不能包含空格或特殊字符，可以使用字母、   数字和下划线(_)的任意组合。表单提交到服务器后需要使用指定的名字来获取文本框的值。
 (2)value:用来设定文本框的默认值，也就是用户输入前文本框里显示的文本。
 (3)size:用来设定文本框最多可以显示的字符数，也就是文本框的长度。
 (4)maxlength:用来设定文本框中最多可以输入的字符数。通过此属性可以将邮政编码限制为6位数，将密码限制为10个字符，等等。
3、密码框
 
 密码框用来让用户输入密码，当用户在密码框中键入时，输入内容显示为项目符号或星号，以保护它不被其他人看到。定义语法为：
  <input type="password">
 密码框的其它属性与文本框相同
4、单选按钮
 单选按钮用来让用户只能从一组选项中选择一个选项，例如，性别的选择。单选按钮通常成组的使用，在同一个组中的所有单选按钮 必须具有相同的名字。定义单选按钮的语法为：
  <input type="radio">
 单选按钮除type外其它常用属性有：
 (1)name:用来设定单选按钮的名称，作用同文本框的name。同一组中所有单选按钮的此属性必须设定相同的值，否则，各选项不会相  互排斥。
 (2)value:用来设定在单选按钮被选种时发送级服务器的值。
 (3)checked:服务业设定在浏览器中载入表单时，该单选按钮是否被选种。如果开始标记里加入checked一词，则初始被选中。
5、复选框
 定义复选框的语法为：
  <input type="checkbox">
 复选框除type外其它常用属性有：
 (1)name:用来设定复选框的名字，作用同文本框的name。
 (2)value:用来设定在复选框被先选中时发送给服务器的值。
 (3)checked:用来在浏览器中载入表单时，该复选框是否被选中。如果开始标记里加入checked一词，则初始被选中。
6、下拉菜单
 下拉菜单的定义语法：
 <select name="from">
  <option value="henan">河南</option>
  <option value="hebei">河北</option>
  <option value="beijing" selected>北京</option>
 </select>
 一个下拉菜单由<select>和</select>来定义，<select>提供容器，它的name属性意义同文本框的相同。<option>用来定义一个菜单项  <option>与</option>之间的文本是呈现给访问者的，而选中后传送的值是由value指定的，如果省略value属性，则value的值与文本 相同，加入selected属性可以初始为选中状态。
7、列表
 列表的作用与下拉列表相似，但显示的外观不同，列表在浏览器里显示时列出部分或全部选项，另外列表允许访问者选择一个或多个 项目。定义列表的语法如下:
  <select name="from" size="3" multiple>
   <option value="henan">河南</option>
   <option value="hebei">河北</option>
   <option value="beijing" selected>北京</option>
  </select>
 
 与下拉列表相似，<select>多了两个属性:size和multiple。size用来设定列表中显示的选项个数；加入multiple属性允许用户从列表 中选择多项。
8、文件域
 文件域使用户可以选择其计算机上的文件，如字处理文档或图形文件，并将该文件上传到服务器。文件域的外观与文件框相似，只是  文件域还包含一个“浏览”按钮。用户可以手动输入要上传的文件的路径，也可以使用“浏览”按钮来定位并选择文件。如果要上传 文件，需要注意的是，<form>的method属性必须设置为post，另外，<form>必须加上属性enctype="multipart/form-data"。
 定义文件域的语法为:
  <input type="file">
 文件域除type属性外其它属性与文本的相同。
9、隐藏域
 隐藏域用来存储并提取非用户输入信息，该信息对用户而言是隐藏的。隐藏域不在浏览器中显示任何外观。定义隐藏域的语法为：
   <input type="hidden" name="add" value="add">
 name属性用来指定名称，value属性用来指定传输的值。
10、文本区域
 文本区域可以使用户输入多行信息，例如，输入留言、自我介绍等。定义文本区域的语法为：
  <textarea></textarea>
 开始标记与结束标记之间的文本为初始值，可以为空，但结束标记一定要有且正确。
     <textarea>常用属性有：
 (1)name:用来指定文本区域的名称。
 (2)rows:用来指定文本区域能够显示的行数，也就是文本区域的高度。
 (3)cols:用来指定文本区域能够显示的列数，也就是文本区域的宽度。
 (4)wrap:用来指定当用户在一行中输入的信息较多，无法在定义的文本区域内显示时，如何显示用户输入的信息。可取属性有：
  (a)off:防止文本换行到下一行。当用户输入的内容超过文本区域的右边界时，文本将向左侧滚动。用户必须按回车才能将插         入点移到文本区域的下一行 。
  (b)physical:在文本区域设置自动换行。当用户输入的内容超过文本区域的右边界时，文本换行到下一行。当提交数据进行       处理时，这些数据中包含自动换行时产生的换行符。
  (c)virtual:在文本区域中设置自动换行。当用户输入的内容超过文本区域的右边界时，文本换行到下一行。当提交数据进行       处理时，自动换行并不应用于数据，数据作为一个字符串进行处理。
11、提交按钮
 提交按钮用来将表单数据提交到服务器。定义表单的语法为：
  <input type="submit">
 除type外其它常用属性有：
 (1)value:用来指定按钮上显示的文本。
 (2)name:用来指定按钮的名称。
12、重置按钮
 重置按钮用来还原表单为初始状态。定义重置按钮的语法为：
  <input type="reset">
 
 重置按钮除type属性外其它属性与提交按钮的相同。
13、普通按钮
 普通按钮在不添加脚本的情况下，只呈现一个按钮的外观，单击后没有任何动作。普通按钮通常用来跟JavaScript脚本相结合产生特  定的动作。定义普通按钮的语法为:
   <inype="button">
 普通按钮除type属性外其它属性与提交按钮的相同。
14、图像按钮
 图像按钮就是用图像作为按钮图标，来实现按钮的功能。定义图像按钮的语法为：
  <input type="image">
 图像按钮除type外其它常用属性有：
 (1)name:用来指定图像按钮的名称。
 (2)src:用来指定要为该按钮使用的图像，属性值为图像文件的相对路径或绝对路径。
 (3)alt:用于输入描述性文本，一旦图像在浏览器中载入失败，将显示文本。
 (4)width:用来设定图像的高度。
 (5)height:用来设定图像的宽度。 

表单标记举例:

< html >
< head >
< title > 表单举例:用户注册 </ title >
</ head >
< body >
      < form  method  =""  enctype  = "multipart/form-data" >
     < table  width  = "432"  border  = "30"  align  = "center" >
        < tr >
        < th  colspan  = "2" > 用户注册 </ th >
        </ tr >
        < tr >
            < td  width  = "169"  align  = "right" > 昵称: </ td >
         < td  width  = "253" >< input  name  = "name"  type  = "text" ></ td >
        </ tr >
        < tr >
         < td  align  = "right" > 密码: </ td >
         < td >< input  name  = "pass"  type  ="password" ></ td >
        </ tr >
        < tr >
         < td  align  = "right" > 爱好: </ td >
         < td >< input  name  = "love1"  type  = "checkbox"  value  = "跑步" > 跑步
             < input  name  = "love2"  type  = "checkbox"  value  = "上网" > 上网
             < input  name  = "love3"  type  = "checkbox"  value  = "打拳" > 打拳
         </ td >
        </ tr >
        < tr >
         < td  align  = "right" > 来自: </ td >
         < td >< select  name  = "from" >
             < option  value  = "beijing" > 北京市 </ option >
             < option  value  = "henan"  selected > 河南省 </ option >
             < option  value  = "hainan" > 海南省 </ option >
             < option  value  = "zhoukou"   > 周口市 </ option >
             </ select >
         </ td >
        </ tr >
        < tr >
         < td  align  = "right" > 相片: </ td >
         < td >< input  type  = "file"  name  = "file" ></ td >
        </ tr >
        < tr >
         < td  align  = "right"  valign  = "top" > 介绍 </ td >
         < td >< textarea  name  = "intro"  rows  = "8" ></ textarea ></ td >
        </ tr >
        < tr  align  = "center" >
         < td  colspan  = "2" >< input  type  = "submit"  value  = "我想好了" >
         < input  type  = "reset"  value  = "容我三想" ></ td >
        </ tr >
     </ table >


</ form >

</ body >
</ html >