11-17網頁基礎--表單

1.3.2 表單

1、做用：表單(Form)做爲網頁與用戶接觸最直接、最頻繁的頁面元素，其在網站用戶體驗中佔有最重要的位置。而表單也經常用於用戶註冊、登陸、投票等功能，用於吸引新用戶，留住新用戶的重要工具。若是表單設計用戶體驗不高，無疑將會對網站用戶粘性大大下降。 
能夠收集用戶的信息和反饋意見，是網站管理者與瀏覽者之間溝通的橋樑。 表單包括兩個部分：一部分是HTML源代碼用於描述表單（例如，域，標籤和用戶在頁面上看見的按鈕），另外一部分是腳本或應用程序用於處理提交的信息（如CGI腳本）。不使用處理腳本就不能蒐集表單數據。

2、格式

3、分類

一、文本輸入：（文本框、密碼框、文本域、隱藏域）

二、按鈕（提交按鈕、重置按鈕、普通按鈕、圖片按鈕）

三、選擇輸入（單選按鈕組、複選按鈕組、文件上傳、下拉列表框）

四、label標籤

1）格式：<label for=""></label>

2）做用：<label>標籤爲input 元素定義標註（標記）。

label元素不會向用戶呈現任何特殊效果。不過，它爲鼠標用戶改進了可用性。若是您在label元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標籤時，瀏覽器就會自動將焦點轉到和標籤相關的表單控件上。

<label>標籤的for屬性應當與相關元素的id屬性相同。

五、彙總效果圖：