標籤總結

 

第一和用法：<input>標籤用於蒐集用戶信息。根據不一樣的type屬性值，輸入字段擁有不少種形式。輸入字段能夠是文本字段、複選框、掩碼後的文本控件、單選按鈕、按鈕等等。

提示和註釋：註釋：input元素是空的，它只包含屬性。提示：請使用label元素爲表單控件定義標籤（label）。

說明：

屬性                   說明

type              input元素類型                          

name                 input 元素的名稱

value                  input 元素的值

size               input 元素的寬度

readonly            是否只讀

maxlength        輸入字符的最大長度

disabled            是否禁用

 

1. 文本框：

在表單中，文本框用來讓用戶輸入字母、數字等等，如用戶的姓名，地址等。

  代碼格式以下：

  <input type=」text」 name=」...」 size=」...」 maxlength=」...」 value=」...」/>

屬性解釋：

type=」text」：定義單行文本輸入框；

name屬性：定義文本框的名稱，要保證數據的準確採集，必須定義一個獨一無二的名稱；

size屬性：定義文本框的寬度，單位是單個字符寬度；

value屬性：定義文本框的初始值。

1. 密碼框：

是一種特殊的文本域，用於輸入密碼。

  代碼格式以下：

  <input type=」password」 name=」...」  size=」...」 maxlength=」...」 value=」...」/>

屬性解釋：

type=」password」定義密碼框；

name屬性：定義密碼框的名稱，要保證數據的準確採集，必須定義一個獨一無二的名稱；

size屬性：定義密碼框的寬度，單位是單個字符寬度；

value屬性：定義文本框的初始值。

1. 隱藏域：

是用來收集或發送信息的不可見元素，對於網頁的訪問者來講，隱藏域是看不見的。當表單被提交時，隱藏域就會將信息用你設置時定義的名稱和值發送到服務器上。

  代碼格式以下：

  <input type=」hidden」 name=」...」 value=」...」/>

屬性解釋：

type=」hidden」：定義隱藏域；

name屬性：定義隱藏域的名稱，要保證數據的準確採集，必須定義一個獨一無二的名稱；

value屬性：定義文本框的初始值。

1. 單選按鈕：

當須要用戶從有限個選項中選擇一個時，使用單選按鈕。好比咱們在註冊的時候選擇體重。

  代碼格式以下：

  <input type=」radio」 name=」...」 value=」...」/>

屬性解釋：

type=」radio」定義單選框；

name屬性：定義單選框的名稱，要保證數據的準確採集，單選框都是以組爲單位使用的，在同一組中的單選項都必須同一個名稱；

value屬性：定義單選框的值，同一組中，他們的域值必須是不一樣的。

1. 複選框：

容許在待選項中選中一項以上的選項。每一個複選框都是一個獨立的元素，都必須有一個獨一的名稱。

  代碼格式以下：

  <input type=」checkbox」 name=」...」 value=」...」/>

屬性解釋：

type=」checkbox」定義複選框；

name屬性：定義複選框的名稱，要保證數據的準確採集，必須定義一個獨一無二的名稱；

value屬性：定義複選框的值。

1. 文件上傳框：

代碼格式以下：

<input type」file」 name=」...」

注意：利用這項功能時，在 form 標籤中要指定method屬性。要把method 指定爲post, enctype屬性指定爲 multipart/form-data。

說明：multipart 控件是否上傳多文件

屬性解釋：

type=」file」：定義文件上傳框；

name屬性：定義文件上傳框的名稱，要保證數據的準確採集，必須定義一個獨一無二的名稱；

 

 

HTML5的表單全部type類型

 

button	定義可點擊的按鈕（大多與 JavaScript 使用來啓動腳本）
checkbox	定義複選框。
color	定義拾色器。
date	定義日期字段（帶有 calendar 控件）
datetime	定義日期字段（帶有 calendar 和 time 控件）
datetime-local	定義日期字段（帶有 calendar 和 time 控件）
month	定義日期字段的月（帶有 calendar 控件）
week	定義日期字段的周（帶有 calendar 控件）
time	定義日期字段的時、分、秒（帶有 time 控件）
email	定義用於 e-mail 地址的文本字段
file	定義輸入字段和 "瀏覽..." 按鈕，供文件上傳
hidden	定義隱藏輸入字段
image	定義圖像做爲提交按鈕
number	定義帶有 spinner 控件的數字字段
password	定義密碼字段。字段中的字符會被遮蔽。
radio	定義單選按鈕。
range	定義帶有 slider 控件的數字字段。
reset	定義重置按鈕。重置按鈕會將全部表單字段重置爲初始值。
search	定義用於搜索的文本字段。
submit	定義提交按鈕。提交按鈕向服務器發送數據。
tel	定義用於電話號碼的文本字段。
text	默認。定義單行輸入字段，用戶可在其中輸入文本。默認是 20 個字符。
url	定義用於 URL 的文本字段。