Maison > interface Web > tutoriel HTML > le corps du texte

Comment faire en sorte que le bouton radio HTML soit sélectionné par défaut ? Exemple d'utilisation du bouton radio de la balise d'entrée

寻∝梦
Libérer: 2018-09-01 15:29:00
original
43468 Les gens l'ont consulté

Cet article vous présente principalement comment utiliser le bouton radio de la balise d'entrée HTML, et comment utiliser le bouton radio par défaut de la balise d'entrée HTML. Ensuite, jetons un œil à cet article ensemble

Tout d'abord, nous introduisons la pratique des boutons radio dans la balise d'entrée html :

sont utilisés pour collecter des informations sur les utilisateurs. Les champs de saisie ont de nombreuses formes basées sur différentes valeurs d'attribut de type. Les champs de saisie peuvent être des champs de texte, des cases à cocher, des contrôles de texte masqué, des boutons radio, des boutons, etc.

Sans plus tarder, jetons un coup d'œil à l'exemple de code :

<form action="form_action.asp" method="get">
<input type="radio" name="radio" value="1">单选1
<input type="radio" name="radio" value="2">单选2
<input type="radio" name="radio" value="3">单选3
<input type="radio" name="radio" value="4">单选4
</form>
Copier après la connexion

L'effet de ceci est facile à voir. effet dans le navigateur d'abord. :

Comment faire en sorte que le bouton radio HTML soit sélectionné par défaut ? Exemple dutilisation du bouton radio de la balise dentrée

Cet effet peut être vu d'un coup d'œil, c'est un code très simple

Il en existe un autre type qui est souvent vu sur de nombreux sites Web, tels que : Sexe à sélection unique, cela se fait essentiellement à l'aide de ce type de boîte de sélection radio. Le code est le suivant :

Le bouton radio en HTML implémente la sélection du sexe masculin et féminin, afin que les hommes et les femmes puissent choisir. La méthode d'implémentation : écrivez un attribut de nom dans l'attribut du bouton, et définissez. la valeur du nom dans le même

<input id="man" type="radio" checked="checked" name="1" />男
<input id="woman" type="radio"  name="1"/>女
Copier après la connexion

Celui-ci n'est pas affiché sur l'image, il est plus simple que celui du dessus, juste deux cases de boutons radio, c'est ce que l'on rencontre souvent.

Parlons maintenant de la façon de sélectionner le bouton radio HTML par défaut :

Tout d'abord, supprimons la première instance et continuons. Il suffit d'y ajouter un attribut, comme suit :

<form action="form_action.asp" method="get">
<input type="radio" name="radio" value="1">单选1
<input type="radio" name="radio" value="2" checked>单选2
<input type="radio" name="radio" value="3">单选3
<input type="radio" name="radio" value="4">单选4
</form>
Copier après la connexion

L'effet est quand même très flagrant, regardez le rendu :

Comment faire en sorte que le bouton radio HTML soit sélectionné par défaut ? Exemple dutilisation du bouton radio de la balise dentrée

Je n'ai fait aucun clic là-dessus, mais il est apparu dessus moi-même, après actualisation. Vous pouvez également le voir au-dessus de Radio 2.

Nous pouvons voir que le bouton radio est sélectionné par défaut. Vous pouvez l'essayer vous-même et saisir plus de code.

D'accord, c'est tout pour cet article sur l'utilisation des balises de saisie HTML comme boutons radio. Si vous avez des questions, vous pouvez les poser ci-dessous.

【Recommandation de l'éditeur】

Quel est le code pour ajouter des images en HTML ? Comment ajouter correctement le chemin de l’image en HTML ?

Comment définir la taille de la police de la balise de police html ? Introduction à l'utilisation de l'attribut de balise de police HTML

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal