comment configurer une sélection requise sans sélection d'une valeur par défaut

Je suis en train de forcer l'utilisateur à faire un choix, plutôt que de simplement en utilisant le premier champ.
Comment puis-je empêcher l'utilisateur d'en soumettant ce formulaire, sans l'aide de javascript?

<select required>
  <option >Make a selection</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

source d'informationauteur Daniel

  1. 23

    Par cette réponsevous pouvez utiliser HTML5 required attribut sur un <select> si vous donnez la valeur par défaut <option> un vide value attribut (parmi d'autres critères, voir le <select> docs).

    Si un sélectionner l'élément a un attribut nécessaire spécifié, n'est pas un multiple de l'attribut spécifié, et a une taille d'affichage de 1; et si la valeur du premier élément dans la sélection de l'élément de liste d'options (le cas échéant) est la chaîne vide, et que l'option de l'élément de nœud parent est l'élément select (et non pas une "optgroup" élément), alors que l'option est le sélectionner l'élément de l'espace réservé à l'option de l'étiquette.

    Si vous voulez

    <select required>
    <option value="">Make a selection</option>
    <!-- more <option>s -->
</select>

    Les anciens navigateurs aurez besoin d'un JavaScript solution, étant donné le fait qu'ils ne prennent pas en charge HTML5.

  2. 1

    La HTML5 spec sur select définit une option avec une valeur de chaîne vide comme un espace réservé à l'option de l'étiquette.

    Si un sélectionner l'élément a un attribut nécessaire spécifié, n'est pas un multiple de l'attribut spécifié, et a une taille d'affichage de 1; et si la valeur du premier élément dans la sélection de l'élément de liste d'options (le cas échéant) est la chaîne videet que l'option de l'élément de nœud parent est l'élément select (et non pas une "optgroup" élément), alors que l'option est le sélectionner l'élément de l'espace réservé à l'option de l'étiquette.

  3. 1

    Vous pouvez définir le style de votre étiquette de l'élément, mais ont un pré-sélectionné l'option:

    <label>

    Make a selection
    <select>
      <option value="saab" selected>Saab</option>
      <option value="vw">VW</option>
      <option value="audi">Audi</option>
    </select>

</label>