HTML基礎(chǔ)教程之表單中單選按鈕和復(fù)選按鈕
單選按鈕
?語法格式:<input ?type = “radio”??屬性 = “值”??/>
常用屬性
?Name:元素的名稱
Value:元素的值,該value中數(shù)據(jù)將發(fā)往服務(wù)器。
?Checked:默認(rèn)選擇哪一項(xiàng)。如:checked = “checked”
注意:一組單選按鈕,只能選擇一個(gè),但name的值必須一致。如:name = “sex”
??????單選按鈕用戶自己不能輸入內(nèi)容,用戶只能選擇,因此必須為它指默認(rèn)值value。
復(fù)選框
?語法格式:<input ?type = “checkbox”??屬性 = “值”??/>
常用屬性
Name:元素的名稱
Value:元素的值
Checked:默認(rèn)選中。如:checked = “checked”
注意:復(fù)選框也是一組選項(xiàng),因此name的值必須一致。在PHP中,使用數(shù)組來獲取多個(gè)同名的name的值。
??????復(fù)選框可以同時(shí)選多個(gè),也可以一個(gè)都不選。
來豐富我們的第一個(gè)例子吧
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>用戶注冊</title> </head> <body> <font size="5" color="red">歡迎注冊php.cn</font> <form name="user" method="get" action="" > 用戶名:<input type="text" name="username"/> <br/> 密碼:<input type="password" name="userpwd"/> <br/> 性別:<input type="radio" name="sex" value="男" checked=checked>男 <input type="radio" name="sex" value="女">女 <br/> 愛好:<input type="checkbox" name="hobby" value="運(yùn)動(dòng)">運(yùn)動(dòng) <input type="checkbox" name="hobby" value="看電影">看電影 <input type="checkbox" name="hobby" value="編程" checked="checked">編程 <input type="checkbox" name="hobby" value="宅著">宅著 <br/><input type="submit" value="提交信息"/> </form> </body>
是不是內(nèi)容多了點(diǎn),接著下一節(jié),繼續(xù)加吧