html Liste déroulante et placeholder

[Eleven Up]

Salut, nouveau sur le forum j'ai une question à propos d'une liste déroulante que j'essaie d'intégrer dans un formulaire en ligne, voici le code

<select id="liste" name="menus" required>
    <option value="menu_A">Menu A</option>
    <option value="menu_B">Menu B</option>
    <option value="menu_C">Menu C</option>
    <option value="menu_D">Menu D</option>
</select>

Lorsque je mets le formulaire en ligne Menu A apparait dans le champ de la liste déroulante avant même qu'elle soit sélectionnée, comment faire pour mettre un texte à la place sans que celui-ci ne soit un choix ?
Comme l'attribut placeholder dans les <input type="text" placeholder="écrivez votre nom">

Merci bien

 

[Jack]

Hello, Welcome sur le forum 7UP.

Tu dois créer une option, à placer en premier, mais désactivée.
Et ça se présente comme ça
<option disabled selected value>option non active</option>

Donc pour ton code ce serait par exemple

<select id="liste" name="menus" required>
    <option disabled selected value>Choisissez votre menu</option>
    <option value="menu_A">Menu A</option>
    <option value="menu_B">Menu B</option>
    <option value="menu_C">Menu C</option>
    <option value="menu_D">Menu D</option>
</select>

Et ta liste déroulante devrait être entre des balises <form> et probablement <label> avec l'intitulé de la liste déroulante

 

[Eleven Up]

okayyyy !!

Merci pour la réponse