Puis-je utiliser l'attribut « obligatoire » pour les « champs en HTML ?

L'attribut obligatoire du HTML peut-il être appliqué à Champs ?

Les champs

L’élément HTML est couramment utilisé pour créer des menus déroulants. Cependant, les utilisateurs se demandent souvent si l'attribut obligatoire peut être appliqué à ces champs. Cet article répond à ce problème et propose une solution.

Limitations de l'attribut requis

Initialement, l'attribut requis n'était pas pris en charge par champs. Cela signifiait que les utilisateurs pouvaient soumettre des formulaires sans sélectionner d'option, ce qui pouvait entraîner des problèmes d'intégrité des données.

Une solution viable

Une solution de contournement viable consiste à définir la première valeur d'option sous forme de chaîne vide (""). . Cela déclenche le fonctionnement de l'attribut requis comme prévu. En combinant cette méthode avec un champ de saisie nommé et un DOCTYPE HTML5 valide, vous pouvez appliquer la sélection pour

champs.

<code class="html"><select name="somename" required>
<option value="">Please select</option>
<option value="one">One</option>
</select></code>

Prérequis

Pour garantir que cette solution fonctionne efficacement, respectez ces prérequis :

1. Incluez le DOCTYPE HTML5 correct dans votre document.
2. Attribuez un nom au champ champ.

   Documentation des attributs obligatoires

   Comme indiqué dans la documentation officielle HTML5 :

   "Lorsqu'un élément de sélection a un attribut obligatoire spécifié, n'a pas de multiple attribut spécifié, a une taille d'affichage de 1 et la valeur du premier élément d'option est une chaîne vide, cette option est l'option d'étiquette d'espace réservé de l'élément de sélection. "

   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!

   html5 html String for select include Attribute function this display input
   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 planifier l'exécution d'une fonction toutes les 5 secondes avec jQuery ?Article suivant：Comment planifier l'exécution d'une fonction toutes les 5 secondes avec jQuery ?

   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
   

   Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！

   À propos de nousClause de non-responsabilitéSitemap

   © php.cn All rights reserved