This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Contact Form 7 – Datalist

Description

This control works in a similar way to the existing drop-down menu, but rather than a fixed list of options that the user must select from it is presented to the user as a textbox.
Once the user begins typing a list of possible options will be shown, selecting one will fill in the rest of the field with the selected option, if the desired option is not present in the list then the user can type in their own option.

Screenshots

  • User has typed in ’dun’ and matches are shown.

Installation

  1. Ensure Contact Form 7 is installed and activated.
  2. Install the plugin through the WordPress plugins screen or upload the plugin files to the /wp-content/plugins/cf7-datalist directory.
  3. Activate the plugin through the ‘Plugins’ screen in WordPress.

FAQ

How do I use this?

When editing a Contact Form 7 form you should now be able to add a datalist tag.

Which browsers support this?

According to MDN https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist this is supported by Chrome 20+ (33+ on mobile), Edge, Firefox 4+, IE10+ and Opera 9.5+ but not Safari.

Reviews

1 An Giblean 2019
Literally. This plugin deserves more reviews and downloads. I love these when I fill out forms. So glad you made this. I was going to jQuery a datalist input into a cf7 input to get this to work, but you are awesome and thank you.
Read all 2 reviews

Contributors & Developers

“Contact Form 7 – Datalist” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.2

  • Tested for WordPress 5.0.

1.1

  • Fixed Contact Form 7 depreciation errors.

1.0

  • Initial release.