Add autocomplete to Contact Form 7 input fields using HTML data lists without writing any JavaScript (plus custom server-side validation):

https://florianziegler.com/journal/using-a-data-list-with-contact-form-7

#webdev #HTML #datalist #WordPress

Using a Data List With Contact Form 7

<p>Add autocomplete to Contact Form 7 input fields using HTML data lists and custom validation without writing any JavaScript.</p>

florianziegler.com

🌈 Nouvelle vidéo ! Apprenez les Balises HTML peu connues 🌈

Dans ce tutoriel, je vous montre des balises HTML qui peuvent transformer vos pages web. Découvrez l’utilité des balises fieldset, datalist, meter, progress, kbd, ins, del, abbr, et base pour rendre vos sites plus accessibles et dynamiques ! 💻

🎥 Voir la vidéo : https://youtu.be/0iaM9o33Nlc

#HTML #Accessibilité #DéveloppementWeb #BalisesHTML #WebDesign #FrontEnd #Fieldset #Datalist #ProgressBar #CodeAccessible #MastodonTech

💻 Découvrez les Balises HTML peu Utilisées ! 💻

YouTube
<datalist>: The HTML Data List element - HTML: HyperText Markup Language | MDN

The <datalist> HTML element contains a set of <option> elements that represent the permissible or recommended options available to choose from within other controls.

MDN Web Docs
yes using HTML #datalist over #aria #combobox should be more and more common #webaxe
Datalist over ARIA combobox – Web Axe http://www.webaxe.org/datalist-over-aria-combobox/
Datalist over ARIA combobox – Web Axe

Datalist over ARIA combobox – Web Axe

I am using <datalist> to autocomplete an input field. But the drop-down list covers the keyboard. Anyone know how to solve this?

#webdev #datalist #frontend #html

Je kiffe les champs en #datalist, par contre je leur reproche une chose : trop ressembler aux select classiques. Un·e utilisateurice novice voulant changer de choix va juste cliquer et ne se verra rien proposé de nouveau. Bien sûr, ça pourra finir par rentrer dans les usages, mais un design différent y aiderait mieux je pense #html5