1. 程式人生 > >使用單選框、複選框,讓使用者選擇

使用單選框、複選框,讓使用者選擇

在使用表單設計調查表時,為了減少使用者的操作,使用選擇框是一個好主意,html中有兩種選擇框,即單選框複選框,兩者的區別是單選框中的選項使用者只能選擇一項,而複選框中使用者可以任意選擇多項,甚至全選。請看下面的例子:

語法:

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

1、type:

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

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

2、value:提交資料到伺服器的值(後臺程式PHP使用)

3、name:為控制元件命名,以備後臺程式 ASP、PHP 使用

4、checked:當設定 checked="checked" 時,該選項被預設選中

如下面程式碼:

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

在瀏覽器中顯示的結果:

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