AMP supporte l\'Autocomplétion dans les formulaires de recherche

Les pages AMP peuvent désormais refléter plus étroitement le comportement des pages HTML régulières avec des autocomplétions pour la recherche et les formulaires.

AMP supporte l\'Autocompletion dans les formulaires de recherche

Un champ de saisie avec l’autocomplétion activée suggère des résultats complétés

L’autocomplétion peut être utilisée pour alimenter des expériences de recherche sur place, ou sous forme de formulaires pour aider à assurer que les saisies livrent des résultats plus prédictifs.

Par exemple, une barre de recherche sur un peut automatiquement suggérer les produits les plus populaires avec la fonctionnalité de l’autocomplétion.

) donnent des résultats plus prévisibles.

Exemple de code :

{ \ »items\ »: [\ »a\ », \ »b\ » \ »c\ »] }

Exemple de code amp-autocomplete

Autres exemples de code d’importation dans le header

  1. Importer le composant “amp-autocomplete” :
  2. Importer le composant “amp-form” :
  3. Optionnel : le composant “amp-mustache” est nécessaire pour le rendu du contenu riche et côté client des réponses des formulaires :

Utilisation de base

Un composant amp-autocomplete doit toujours être (base de données).

Une source de données doit être un objet JSON contenant un élément de propriété de tableau, et peut être spécifiée en ligne avec une balise de type de script enfant, \ »application/json\ » ou un point de terminaison serveur spécifié avec un attribut “src”.

Pour en savoir plus sur les détails techniques du fonctionnement de cette fonctionnalité et sur la façon de la configurer, consultez la documentation officielle ici.