在HTML中，一個完整的表單由表單域、表單控制元件(表單元素)、提示資訊三個部分組成。

1、表單域

　　在HTML中，<form>標籤用於定義表單域，會把它範圍內的表單元素資訊提交給伺服器，實現使用者資訊的傳遞和蒐集。

<form action="url地址" method="提交方式" name="表單域名稱">
        各種表單元素
    </form>

2、表單標籤

　　(1)input輸入表單元素

　　　　<input type="屬性值">用於蒐集使用者資訊，根據屬性值不同輸入欄位有不同形式。

<form action
 
="" method="post" name="">
        <p>輸入文字 <input type="text"> </p>
        <p>輸入密碼 <input type="password"> </p>
        <p>點選按鍵 <input type="button"></p>
        <p>點選圖片 <input type="image" src=""></p>
        <p>單選框 <input 
 
type="radio"></p>
        <p>複選框 <input type="checkbox"> </p>
        <p>檔案上傳 <input type="file"></p>
        <p>重置按鍵 <input type="reset"></p>
        <p>隱藏域 <input type="hidden"></p>
        <p>提交按鍵 <input type="submit"
 
></p>
    </form>

顯示

　　　　input還有其他常用屬性

　　(2)select下拉表單元素

　　　　在頁面中，如果有多個選項讓使用者選擇，我們可以使用<select>標籤控制元件定義下拉列表。

<form>
        <select>
            <option >選項1</option>
            <option >選項2</option>
            <option >選項3</option>
            <option >選項4</option>
        </select>
    </form>

顯示

 　　　　在<option>中定義selected="selected"時，當前項即為預設選中項。

　　(2)textarea文字域元素

　　　　在表單元素中，<textarea>標籤是用於定義多行文字輸入的控制元件。

<form>
    <select>        
        <textarea cols="30" rows="10"></textarea>
</form>

顯示