Balise select
La balise select crée une liste déroulante
pour une utilisation dans les formulaires HTML.
Un élément individuel de la liste doit être stocké dans la
balise option.
Attributs
| Attribut | Description |
|---|---|
multiple |
La présence de cet attribut crée une sélection multiple -
une liste déroulante dans laquelle plusieurs éléments peuvent être sélectionnés en maintenant
la touche Ctrl ou en les sélectionnant avec la souris.
Attribut optionnel. |
name |
Le nom de la liste déroulante. Nécessaire pour récupérer les données du champ de saisie en PHP. Pour un fonctionnement correct du formulaire, les noms des champs de saisie ne doivent pas coïncider les uns avec les autres (dans un même formulaire). S'ils coïncident - en PHP, les données du champ de saisie qui est plus bas dans le code HTML seront reçues. |
Exemple
Voyons comment fonctionne une liste déroulante :
html<select>
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
Результат:
Exemple
Faisons en sorte que la largeur de la liste déroulante soit
égale à la largeur de l'élément le plus grand (si
elle n'est pas explicitement spécifiée à l'aide de la propriété CSS
width) :
html<select>
<option>Big City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
Результат:
Exemple . Sélection par défaut
Maintenant, essayons de sélectionner une ville
par défaut. Faisons-le à l'aide de l'attribut
selected :
html<select>
<option>Big City1</option>
<option selected>City2</option>
<option>City3</option>
<option>City4</option>
</select>
Результат:
Exemple . Sélection multiple
Transformons maintenant un select ordinaire en
une sélection multiple à l'aide de l'attribut multiple :
html<select multiple name="city[]">
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
Результат:
Notez que le nom du select, spécifié dans l'attribut name,
doit être entre crochets à la fin. Ceci est nécessaire pour que en PHP
toutes les valeurs sélectionnées soient reçues (sinon, une seule valeur - la dernière - sera reçue).
Exemple . Plusieurs valeurs par défaut dans une sélection multiple
Maintenant, dans la sélection multiple par défaut, essayons de sélectionner plus d'une valeur :
html<select multiple name="city[]">
<option>City1</option>
<option selected>City2</option>
<option>City3</option>
<option selected>City4</option>
</select>
Результат: