Tutorial HTML Asas: Butang Radio dan Butang Semak dalam Borang

Butang radio

Format sintaks: <jenis input = atribut “radio” = “nilai” />

Atribut biasa

  • Nama: nama unsur

  • Nilai: nilai unsur , nilai Data akan dihantar ke pelayan.

  • Ditandai: Item manakah yang dipilih secara lalai. Contohnya: checked = “checked”

Nota: Hanya satu set butang radio boleh dipilih, tetapi nilai nama mesti konsisten. Contohnya: name = “sex”

Pengguna butang radio tidak boleh memasukkan kandungan itu sendiri, pengguna hanya boleh memilih, jadi ia mesti merujuk kepada nilai nilai lalai.


Kotak semak

Format sintaks: <jenis input = " checkbox" attribute = "value" />

Atribut biasa

  • Nama: nama elemen

  • Nilai: Nilai elemen

  • Disemak: Disemak secara lalai. Contohnya: checked = “checked”

Nota: Kotak pilihan juga merupakan satu set pilihan, jadi nilai nama mestilah konsisten. Dalam PHP, gunakan tatasusunan untuk mendapatkan nilai berbilang nama dengan nama yang sama.

Anda boleh memilih berbilang kotak pilihan pada masa yang sama, atau anda boleh memilih tiada.

Mari kita memperkayakan contoh pertama kita

<!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="运动">运动
            <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>

Adakah terlalu banyak kandungan? Mari kita teruskan dengan bahagian seterusnya


Meneruskan pembelajaran
||
<!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="运动">运动 <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>
  • Cadangan kursus
  • Muat turun perisian kursus