Comment appliquer la sélection dans les champs HTML `` avec l'attribut « requis » ?

HTML Validation de champ avec attribut requis

Malgré le manque de prise en charge explicite des attributs requis pour champs en HTML, il est possible d'imposer la sélection en utilisant cet attribut avec une structure HTML spécifique.

L'exigence implique d'avoir la première valeur dans le champ

le champ soit vide. Par défaut, les champs avec des premières valeurs vides seront traités comme facultatifs. Cependant, en paramétrant requis sur le champ, il devient obligatoire de faire une sélection.

Voici un exemple d'utilisation :

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

Selon la spécification HTML5, cette structure satisfait les critères de sélection obligatoire :

• l'attribut obligatoire est précisé.
• L'attribut Le champ n'a pas plusieurs attributs spécifiés (ce qui indique qu'il n'est pas destiné à des sélections multiples).
  La taille d'affichage est supposée être 1 (puisqu'aucun attribut de taille n'est spécifié).
  Le premier élément d'option a une valeur vide (dans ce cas, "Veuillez sélectionner").
  Le premier élément d'option est un enfant direct de l'élément
  élément (ne fait pas partie d'un optgroup).

En adhérant à ces conditions, l'attribut requis devient fonctionnel pour champs, en veillant à ce que l'utilisateur fasse une sélection avant de soumettre le formulaire.

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 for select using Attribute default this display

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 définir correctement les images d'arrière-plan avec la fonction CSS de jQuery ?Article suivant：Comment définir correctement les images d'arrière-plan avec la fonction CSS de 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