Tutoriel de bas...LOGIN

Tutoriel de base HTML : boutons radio et boutons à cocher dans les formulaires

Bouton radio

Format de syntaxe : <type d'entrée = « radio » attribut = « valeur » />

Attributs communs

  • Nom : le nom de l'élément

  • Valeur : la valeur de l'élément , la valeur Les données seront envoyées au serveur.

  • Coché : Quel élément est sélectionné par défaut. Par exemple : vérifié = « vérifié »

Remarque : un seul bouton radio parmi un ensemble de boutons radio peut être sélectionné, mais la valeur du nom doit être cohérente. Par exemple : nom = « sexe »

L'utilisateur du bouton radio ne peut pas saisir lui-même le contenu, l'utilisateur ne peut que sélectionner, il doit donc se référer à la valeur par défaut.


Box à cocher

Format de syntaxe : <input type = " checkbox" attribut = "valeur" />

Attributs communs

  • Nom : le nom de l'élément

  • Valeur : La valeur de l'élément

  • Coché : Coché par défaut. Par exemple : vérifié = « vérifié »

Remarque : la case à cocher est également un ensemble d'options, la valeur du nom doit donc être cohérente. En PHP, utilisez un tableau pour obtenir les valeurs de plusieurs noms portant le même nom.

Vous pouvez cocher plusieurs cases en même temps, ou vous pouvez n'en sélectionner aucune.

Enrichissons notre premier exemple

<!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>

Y a-t-il trop de contenu ? Continuons avec la section suivante


section suivante
<!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>
soumettreRéinitialiser le code
chapitredidacticiel