HTML中最重要內容之一－表單

表單概述

表單的用處有很多隨處可見，例如，在進行用戶註冊時，就必須通過表單來填寫用戶的相關信息。我們首先介紹表單的概念和用途，然後介紹<form>標籤的屬性及其含義。
表單：表單的主要功能是收集信息，具體來說是收集瀏覽者的信息。在網絡中，最常見的表單形式主要包括 文本框、單選按鈕、複選框、按鈕等。

表單標籤<form>

• 基本的 其語法格式如下：

<form action=""name="" method=""target="">
 ....
 </form>

• form表單中屬性的值及其含義

form屬性	含義
action	表單的處理程序，也就是表單收集到的資料將要提交的程序地址
name	爲了防止表單信息在提交到後臺處理程序時出現混亂而設置的名稱
method	定義處理程序從表單中獲得信息的方式，有get（默認值）和post兩個值
enctype	表單信息提交的編碼方式。其屬性值有 text/plain、application…
target	目標窗口的打開方式

• 單選按鈕和複選框

如圖可知：可以看出來單選按鈕只能選擇一個，而複選框可以多選擇

        <!-- 單選按鈕 -->
		<label> <input type="radio" name="all">全選</label>
		<label> <input type="radio" name="all">全不選</label>
		<!-- 複選框 -->
		複選框
		<input type="checkbox" class="checkbox1">
		<input type="checkbox" class="checkbox1">
		<input type="checkbox" class="checkbox1">

• 單行文本框和密碼輸入框

       <input type="text" placeholder="賬號" > </label>		                                   
		 <input type="text" placeholder=" 密碼" > </label>
			 <!-- /*password 密碼  placeholder：佔位符*/ -->
			 

文本域

在HTML中還有一種特殊定義的文本樣式，稱爲文本域。它與文本框的區別在於可以添加多行文字，從而可以輸入更多的文本。這類控件在一些留言板中最爲常見。其語法如下：

<textarea= name="文本域名稱" value="文本域默認值" rows="行數" cols="列數"><textarea>

菜單/列表

菜單列表類的控件主要用來選擇給定答案中的一種，這類選擇往往答案比較多，使用單選按鈕比較浪費時間。可以說，菜單列表類的控件主要是爲了節省空間而設計的，菜單和列表都是通過<select>和<option>標籤來實現的。菜單是一種最節省空間的方式，正常狀態下只能看到一個選項，單擊按鈕打開菜單後才能看到全部選項。

代碼語法如下：

<select name=""size=""multiple="multiple">
	<option value=""selected="selected">選項顯示內容</option>
	<option value="選項值">選項顯示內容</option>
</select>

列表可以顯示一定數量的選項，如果超出了這個數量，則會自動出現滾動條，瀏覽者可以通過拖動滾動條顯示個選項。

菜單和列表標籤屬性

菜單和列表標籤屬性	描述
name	列表/菜單標籤的名稱，用於和頁面中的其他控件加以區別
size	定義列表/菜單文本框在頁面中顯示的長度
multiple	表示列表/菜單內容可以多選
value	用於定義列表/菜單的選項值
selected	默認被選中