5.3：文字域，支援多行文字輸入

語法：

<textarea   rows="行數"      cols="列數">文字</textarea>

1.<textarea>標籤是成對出現的，以<textarea>開始，以</texyarea>結束

2.cols:多行輸入的列數

3.rows:多行輸入的行數

4.在<textarea></textarea>標籤之間可以輸入預設值

例：

<form   method="post"     action="save.php">

                <label>聯絡我們</label>

                 <textraea  rows="50"   cols="10">在這裡輸入內容。。。</textarea>

</form>

在瀏覽器中顯示結果：

5.4:使用單選框、複選框，讓使用者選擇

語法：

 <input     type="radio/checkbox"    value="值"   name="名稱'   checked="checked"/>\

1.type:

   當type="radio"時，控制元件為單選框

    當type="checkbox"時，控制元件為複選框

2.value:提交資料到伺服器的值（後臺程式PHP使用）

3.name:為控制元件命名，以備後程序ASP,PHP使用

4.checked:當設定cheched="cheched"時，該選項被預設選中

如下面程式碼：

注意：程式碼中的<label>標籤在本章 5-9 中有講解。

在瀏覽器中顯示的結果：

注意:同一組的單選按鈕，name 取值一定要一致，比如上面例子為同一個名稱“radioLove”，這樣同一組的單選按鈕才可以起到單選的作用。

5.5：使用下拉列表框，節省空間

如下程式碼：

講解：

1、value：

2、selected="selected"：

設定selected="selected"屬性，則該選項就被預設選中。

在瀏覽器中顯示的結果：

5.6：使用下拉列表框進行多選

下拉列表也可以進行多選操作，在<select>標籤中設定multiple="multiple"屬性，就可以實現多選功能，在 windows 作業系統下，進行多選時按下Ctrl鍵同時進行單擊（在 Mac下使用 Command +單擊），可以選擇多個選項。如下程式碼：

在瀏覽器中顯示的結果：

5.7：使用提交按鈕，提交資料

<input  type="submit"   value="提交">

type:只有當type設定為submit時，按鈕才有提交作用

value:按鈕上顯示的文字

舉例：

在瀏覽器中顯示的結果：

5.8：使用重置按鈕，重置表單資訊