一、表单<form>标签及其属性

    HTML表单用于收集用户输入。基本格式如下：

     
         .form elements   .
     

    表单元素指不同类型的input元素、复选框、单选按钮、提交按钮等。

1、action属性：定义在提交表单时执行的动作，规定向何处提交表单的地址（URL）（提交页面）。

        通常，表单会被提交到web服务器上的网页。在如下例子中，指定了某个服务器脚本来处理被提交表单：

        省略action属性，则action会被设置为当前页面。

2、method属性：规定在提交表单时所使用得HTTP方法（GET或POST）：

或者：

使用GET（默认方法）：如果表单是被动提交的，比如搜索引擎查询，并且没有敏感信息。在使用GET时，表单数据在页面地址中是可见的：

action_page.php?firstname=Mickey&lastname=Mouse

使用POST：如果表单正在更新数据，或者包含敏感信息（例如密码）。POST的安全性更好，因为在页面地址栏中被提交的数据不可见。

3、name属性：如果要被正确地提交，每个输入字段必须设置一个name属性。

1  2  3  4  
      
        5  First name:
       
 6  
        7  
       
 8  Last name:
       
 9  
       10  
       
       
11  
       12  
      
13  
If you click "Submit",the form-data will be sent to a page called "action_page.php".
14  
The first name will not be submitted,because the input element dose not have a name attribute.
15 16 

   本例中，只会提交“Last name”输入字段。

Hers is the list of <form> attribute:

    针对target属性稍作说明。

    如果<form>标签中既没有action属性，也没有target属性，则提交时就在当前页面。如果没有action属性，target="_blank"，提交时会新打开一个页面。

 二、表单元素

1、<input>元素

    根据不同的type属性，<input>元素有很多形态，最常见的类型如下：

    text：定义常规文本输入。

    radio:定义单选按钮输入（多个选项中选择一个）

    submit：定义提交按钮（提交表达）

    文本输入表达示例：

1  2  3  4 
      
        5 First name:
       
 6 
        7 
       
 8 Last name:
       
 9 
       10 
      
11 
Note that the form itself is not visible.
12 
Also note that the default width of a text field is 20 characters.
13 14 

更多<input>元素及其属性见下篇。

2、<select>元素和<option>元素

    <select>元素：定义下拉列表；<option>元素：定义待选择的选项。两者通常搭配使用。

     可以通过添加selected属性来定义预定义选项。

1  2  3  4 
您可以通过selected属性预选择某些选项
 5 
      
        6 
        7 Volve 8 Saab 9 Fiat10 Audi11 12 
       
       
13 
       14 15 16 
      

在这个例子中，因为option项中Saab添加了selected属性，所以下拉列表中预定了Saab。

 3、<button>元素

    <button>元素：定义可点击的按钮。

1 2 3 4 Click Me!5 6 

              

4、HTML5 <datalist>元素

    <datalist>元素为<input>元素规定预定义选项列表。用户会在输入数据时看到预定义选项的下拉列表。

   <input>元素的 list 属性必须引用<datalist>元素的 id 属性。

示例：通过<datalist>设置预定义值的<input>元素：

1  2  3  4 
      
        5   
        6   
       13   
       14 
      
15 
注释：Safari或IE9（以及更早的版本）不支持datalist标签。
16 17