Créer un champ autocomplete avec datalist

Ajouter un champ autocomplete dans votre formulaire

Language: HTML

Catégorie : Formulaire

<input class="form-input" list="countries" name="countries" id="countries">
<datalist id="countries">
    <option value="France">
    <option value="Spain">
    <option value="Germany">
    <option value="Portugal">
</datalist>

Sommaire

Le script

Utiliser un LLM pour résumer ou expliquer ce script

Le script

Ajouter le script sur la page ou le projet Webflow

<input class="form-input" list="countries" name="countries" id="countries">
<datalist id="countries">
    <option value="France">
    <option value="Spain">
    <option value="Germany">
    <option value="Portugal">
</datalist>

Les attributes

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Tuto

Template

Code source du script

<input class="form-input" list="countries" name="countries" id="countries">
<datalist id="countries">
    <option value="France">
    <option value="Spain">
    <option value="Germany">
    <option value="Portugal">
</datalist>