Title: Contact Form 7 &#8211; Datalist
Author: sgc2000
Published: <strong>2 Mac 2018</strong>
Last modified: 16 Februari 2019

---

Search plugins

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.

![](https://s.w.org/plugins/geopattern-icon/cf7-datalist.svg)

# Contact Form 7 – Datalist

 Oleh [sgc2000](https://profiles.wordpress.org/sgc2000/)

[Download](https://downloads.wordpress.org/plugin/cf7-datalist.1.2.zip)

 * [Details](https://ms.wordpress.org/plugins/cf7-datalist/#description)
 * [Reviews](https://ms.wordpress.org/plugins/cf7-datalist/#reviews)
 *  [Pemasangan](https://ms.wordpress.org/plugins/cf7-datalist/#installation)
 * [Pembangunan](https://ms.wordpress.org/plugins/cf7-datalist/#developers)

 [Support](https://wordpress.org/support/plugin/cf7-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.⌉⌊User has typed in 'dun' and matches
are shown.⌉[

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

![](https://secure.gravatar.com/avatar/16f58cb7021a390471d4ef749e9cf41431eeed8300e8dc5aaab805ae9735e13e?
s=60&d=retro&r=g)

### 󠀁[excellent](https://wordpress.org/support/topic/excellent-13906/)󠁿

 [panonski](https://profiles.wordpress.org/panonski/) 9 Mei 2025

Thank you ! I had a quick solution for this, and after looking all of the similar
methods, and maybe complicated instalation into CF7 , your plugin works like a charm!
Thank you !

![](https://secure.gravatar.com/avatar/f10393fa778f5f53658ce8f853fc8f5b1ccc9af2ea4916521d84f3cd62105f8f?
s=60&d=retro&r=g)

### 󠀁[great plugin! working perfectly!](https://wordpress.org/support/topic/great-plugin-working-perfectly/)󠁿

 [AngeloLazzari](https://profiles.wordpress.org/angelolazzari/) 25 Julai 2019

thank you very much for this plugin!

![](https://secure.gravatar.com/avatar/21d91ba9ce9f6eab3c87d42a652b8e5a1526eb3eb3ce44316f326ac3162a72d8?
s=60&d=retro&r=g)

### 󠀁[One of a kind](https://wordpress.org/support/topic/one-of-a-kind-20/)󠁿

 [castironpancake](https://profiles.wordpress.org/castironpancake/) 1 April 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 ](https://wordpress.org/support/plugin/cf7-datalist/reviews/)

## Contributors & Developers

“Contact Form 7 – Datalist” adalah perisian sumber terbuka. Orang-orang berikut 
telah menyumbang kepada pemalam ini.

Penyumbang

 *   [ sgc2000 ](https://profiles.wordpress.org/sgc2000/)

[Translate “Contact Form 7 – Datalist” into your language.](https://translate.wordpress.org/projects/wp-plugins/cf7-datalist)

### Berminat dalam pembangunan?

[Layari kod](https://plugins.trac.wordpress.org/browser/cf7-datalist/), periksa 
[repositori SVN](https://plugins.svn.wordpress.org/cf7-datalist/), atau langgani
[log pembangunan](https://plugins.trac.wordpress.org/log/cf7-datalist/) dengan [RSS](https://plugins.trac.wordpress.org/log/cf7-datalist/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.2

 * Tested for WordPress 5.0.

#### 1.1

 * Fixed Contact Form 7 depreciation errors.

#### 1.0

 * Initial release.

## Meta

 *  Version **1.1**
 *  Last updated **7 tahun lalu**
 *  Active installations **100+**
 *  WordPress version ** 4.7 or higher **
 *  Tested up to **5.1.22**
 *  PHP version ** 5.2.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/cf7-datalist/)
 * Tags
 * [contact](https://ms.wordpress.org/plugins/tags/contact/)[contact form](https://ms.wordpress.org/plugins/tags/contact-form/)
   [form](https://ms.wordpress.org/plugins/tags/form/)[HTML5](https://ms.wordpress.org/plugins/tags/html5/)
 *  [Paparan Lanjutan](https://ms.wordpress.org/plugins/cf7-datalist/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  3 5-star reviews     ](https://wordpress.org/support/plugin/cf7-datalist/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/cf7-datalist/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/cf7-datalist/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/cf7-datalist/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/cf7-datalist/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/cf7-datalist/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/cf7-datalist/reviews/)

## Penyumbang

 *   [ sgc2000 ](https://profiles.wordpress.org/sgc2000/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/cf7-datalist/)

## Derma

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.sgc2000.co.uk)