Maison > Article > interface Web > Comment rendre les champs de sélection HTML obligatoires ?
Comment rendre les champs de sélection HTML obligatoires ?
- Barbara Streisandoriginal
- 2024-10-30 10:25:03744parcourir
Validation de la saisie utilisateur dans les champs de sélection HTML avec l'attribut requis
Malgré sa présence dans d'autres éléments de formulaire HTML, l'attribut requis n'est pas pris en charge de manière native par les champs de sélection HTML. Cependant, il existe une méthode pour obtenir cette fonctionnalité.
Prérequis :
- Déclaration de type de document HTML5 valide (par exemple, )
- Nommé champ de saisie dans l'élément de sélection (par exemple, name="some_name")
Mise en œuvre :
Pour rendre un champ de sélection obligatoire, assurez-vous de ce qui suit :
- Première valeur vide : La première option de la liste de sélection doit avoir une valeur vide (par exemple,
- Attribut requis : Ajoutez l'attribut requis à l'élément de sélection (par exemple,
Exemple :
<code class="html"><select name="somename" required> <option value="">Please select</option> <option value="one">One</option> </select></code>
Explication :
Selon les spécifications HTML5, lorsque les conditions suivantes sont remplies, la première valeur vide sert d'espace réservé :
- L'élément select a un attribut obligatoire.
- L'élément n'a pas d'attribut multiple.
- La taille d'affichage est 1 (c'est-à-dire aucun attribut SIZE ou SIZE="1 ").
- La valeur de la première option est une chaîne vide (par exemple, value="").
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
Article précédent：Comment capturer les événements de désélection de boutons radio : au-delà des limitations d'onChangeArticle suivant：Comment capturer les événements de désélection de boutons radio : au-delà des limitations d'onChange
Articles Liés
Voir plus- Une analyse approfondie du composant de groupe de liste Bootstrap
- Explication détaillée du currying de la fonction JavaScript
- Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
- Angularjs intègre l'interface utilisateur WeChat (weui)
- Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript