Maison >interface Web >tutoriel HTML >Comment avoir une fonction de sélection multiple dans les options du formulaire d'une page html (exemple) ?

Comment avoir une fonction de sélection multiple dans les options du formulaire d'une page html (exemple) ?

藏色散人
藏色散人original
2018-08-15 10:35:109274parcourir

Dans l'article précédent [Comment la fonction du bouton radio dans la page HTML est-elle implémentée ? (Exemple) ], je vous ai présenté en détail comment implémenter la fonction de bouton radio dans la page HTML. Cet article continuera à vous présenter les connaissances pertinentes sur la façon de définir la case à cocher HTML, c'est-à-dire le HTML. bouton de sélection multiple. Les cases à cocher, comme leur nom l'indique, peuvent sélectionner plusieurs valeurs.

L'exemple spécifique du code de paramétrage de la case à cocher HTML est le suivant :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>html复选按钮设置示例</title>
    <style type="text/css">
    </style>
</head>
<body>
 <br/><br/>
    你对哪些运动感兴趣?
    <input type="checkbox" name="activity" value="跑步">跑步
    <input type="checkbox" name="activity" value="打球">打球
    <input type="checkbox" name="activity" value="登山">登山
    <input type="checkbox" name="activity" value="健身">健身
    </body>
    </html>

L'effet est le suivant :

Comment avoir une fonction de sélection multiple dans les options du formulaire dune page html (exemple) ?

Comme le montre l'image, plusieurs choix de réponses peuvent être effectués pour les questions, et ils sont affichés sous forme de coches. Cliquez à nouveau pour annuler la coche. Ici, nous devons comprendre un attribut checkbox
. L'objet Checkbox représente une case à cocher dans un formulaire HTML. Un objet Checkbox est créé chaque fois que se produit dans un document HTML.

Ce qui précède est une introduction à l'implémentation de fonctions de sélection multiples dans les listes HTML. Il a une certaine valeur de référence et j'espère qu'il sera utile à des amis dans le besoin.



Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Articles Liés

Voir plus