HTML基礎(chǔ)教學(xué)表單中單選按鈕與複選按鈕

單選按鈕

?語(yǔ)法格式：<input ?type = “radio”??屬性= “值”??/>

常用屬性

?Name：元素的名稱
Value：元素的值，該value中資料將發(fā)送至伺服器。
?Checked：預(yù)設(shè)選擇哪一項(xiàng)。如：checked = “checked”

注意：一組單選按鈕，只能選擇一個(gè)，但name的值必須一致。如：name = “sex”

??????單選按鈕使用者無(wú)法輸入內(nèi)容，使用者只能選擇，因此必須為它指預(yù)設(shè)值value。

複選框

?語(yǔ)法格式：<input ?type = “checkbox”??屬性= “值”??/>

常用屬性

Name：元素的名稱

Value：元素的值

#########Checked：預(yù)設(shè)選取。如：checked = “checked”###############注意：複選框也是一組選項(xiàng)，因此name的值必須一致。在PHP中，使用陣列來(lái)取得多個(gè)同名的name的值。 ############??????複選框可以同時(shí)選多個(gè)，也可以一個(gè)都不選。 #########來(lái)豐富我們的第一個(gè)例子吧###

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>用戶注冊(cè)</title>
    </head>
    <body>
        <font size="5" color="red">歡迎注冊(cè)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ù)加吧########## ##

繼續(xù)學(xué)習(xí)

新建檔案

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>用戶注冊(cè)</title> </head> <body> <font size="5" color="red">歡迎注冊(cè)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>

提交重置程式碼

自動(dòng)運(yùn)行