HTML学习笔记（三）--表单

HTML表单

HTML 表单用于搜集不同类型的用户输入。

1. 形式

...

2. 元素

1. input

1. text

 First name:




 Last name:

2. radio

Male


Female
 

3. submit

    //action 属性定义在提交表单时执行的
动作。action 属性定义在提交表单时执行的动作。
First name:




Last name:

附：method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）：

或：

GET 最适合少量数据的提交。浏览器会设定容量限制。
如果表单正在更新数据，或者包含敏感信息（例如密码）。POST 的安全性更加，因为在页面地址栏中被提交的数据是不可见的。

4. password

 User name:




 User password:

5. checkbox:复选框允许用户在有限数量的选项中选择零个或多个选项。

I have a bike


I have a car 

6. HTML5 增加了多个新的输入类型：

• color

  Select your favorite color:
  
  

• date

  生日：
  
  

限制日期

请输入 1980-01-01 之前的日期：

• datetime
• datetime-local
• email
• month
• number

  数量（1 到 5 之间）：
  
  

固定步长

  Quantity:
  
  

• range滑块控件

• search
• tel
• time
• url
• week

2. 属性

1. name

如果要正确地被提交，每个输入字段必须设置一个 name 属性。
下面代码只会提交 "Last name" 输入字段：

First name:




Last name:






 

2. 组合表单数据

元素组合表单中的相关数据

元素为

元素定义标题。

Personal information:
First name:




Last name:






 

服务器接收到的用户输入为：
firstname=Mickey&lastname=Mouse
HTML

元素，已设置所有可能的属性，是这样的：

...
 

3. readonly 属性
   
4. disabled 属性
   
5. size 属性:输入字段的尺寸（以字符计）
   
6. maxlength 属性:输入字段允许的最大长度
   

3. 元素（下拉列表）

Volvo Saab Fiat Audi



您能够通过添加 selected 属性来定义预定义选项。
Fiat

4. 元素:多行输入字段（文本域）：</h3> <pre><code><textarea name="message" rows="10" cols="30"> The cat was playing in the garden.

5. 元素定义可点击的按钮

点击我！