Tous nos scripts

Formulaire

Créer un champ autocomplete avec datalist

<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>

Etape 1 - 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>
Copier

Etape 2 - Ajouter les attributes correspondants

Nom

Valeur

Nom

Copié !

Valeur

Copié !

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Tuto, template & scripts

Tuto

Template

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>
Copier

Etape 2 - Ajuster le code pour votre besoin

  • Copier le HTML au sein d'un formulaire
  • Modifier la class pour que cela rentre dans votre charte graphique (ici form-input)
Copié dans le presse-papiers
Logo Justa

Progressez sur Webflow

Oops! Une erreur s'est produite lors de la soumission du formulaire.