HTML--使用單選框、復選框,讓用戶選擇


在使用表單設計調查表時,為了減少用戶的操作,使用選擇框是一個好主意,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”,這樣同一組的單選按鈕才可以起到單選的作用。

練習:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM