Utilisation de l’élément Datalist pour des suggestions de saisie prédéfinies
L’élément <datalist> en HTML sert à créer une liste prédéfinie d’options pour un élément <input>. Il permet à l’utilisateur de sélectionner une option dans la liste tout en lui laissant la possibilité de saisir sa propre valeur s’il le souhaite. La liste des valeurs prédéfinies reste cachée jusqu’à ce que l’utilisateur commence à taper dans le champ de texte associé. Le <datalist> est associé à un attribut id, et l’élément <input> y est relié à l’aide de l’attribut list.
index.html
L’élément <datalist> est utile lorsque l’on souhaite fournir des suggestions pertinentes sans limiter les utilisateurs à un ensemble fixe de choix.
Exemple
Lorsque l'utilisateur saisit dans le champ, le navigateur affiche les catégories prédéfinies. Si aucune ne correspond, l'utilisateur peut tout de même entrer sa propre valeur.
index.html
<label for="category">: décrit l'objectif du champ de saisie ;<input type="text" name="category" id="category" list="categories"/>: champ texte affichant des suggestions à partir d'une datalist liée ;<datalist id="categories">: contient des options prédéfinies qui apparaissent comme suggestions lors de la saisie ;<option value="...">: représente chaque élément suggéré.
1. Quel élément HTML est utilisé pour créer une liste déroulante avec plusieurs options ?
2. Quel est le but de l’élément datalist ?
3. Quel attribut est utilisé pour lier un élément datalist à un élément input ?
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Génial!
Completion taux amélioré à 2.38Utilisation de l’élément Datalist pour des suggestions de saisie prédéfinies
Glissez pour afficher le menu
L’élément <datalist> en HTML sert à créer une liste prédéfinie d’options pour un élément <input>. Il permet à l’utilisateur de sélectionner une option dans la liste tout en lui laissant la possibilité de saisir sa propre valeur s’il le souhaite. La liste des valeurs prédéfinies reste cachée jusqu’à ce que l’utilisateur commence à taper dans le champ de texte associé. Le <datalist> est associé à un attribut id, et l’élément <input> y est relié à l’aide de l’attribut list.
index.html
L’élément <datalist> est utile lorsque l’on souhaite fournir des suggestions pertinentes sans limiter les utilisateurs à un ensemble fixe de choix.
Exemple
Lorsque l'utilisateur saisit dans le champ, le navigateur affiche les catégories prédéfinies. Si aucune ne correspond, l'utilisateur peut tout de même entrer sa propre valeur.
index.html
<label for="category">: décrit l'objectif du champ de saisie ;<input type="text" name="category" id="category" list="categories"/>: champ texte affichant des suggestions à partir d'une datalist liée ;<datalist id="categories">: contient des options prédéfinies qui apparaissent comme suggestions lors de la saisie ;<option value="...">: représente chaque élément suggéré.
1. Quel élément HTML est utilisé pour créer une liste déroulante avec plusieurs options ?
2. Quel est le but de l’élément datalist ?
3. Quel attribut est utilisé pour lier un élément datalist à un élément input ?
Merci pour vos commentaires !
