Last time, when I talked about how to add CAPTCHA to Contact Form 7 forms, one of the reader asked me to show how to add a Drop-Down menu.
Before going to any details, let me inform you that HTML
<input type = "checkbox" /> and
<input type = "radio" /> are defined as
[radio*] respectively in Contact Form 7 plugin. Any element with an * (asterisk) sign means that the element is mandatory field for the form.
|id:(id)||id:foo||id attribute value of the select element.|
|class:(class)||class:bar||class attribute value of the select element. To set two or more classes, you can use multiple class: option.|
|tabindex:(num)||tabindex:10||tabindex attribute value of the select element.|
|Pre-selected options. The integer following default: is the position in the order of items. 1 is the first one. If you want to make two or more items selected, joint integers with underbar (_), as default:1_2_3.|
|multiple||Make drop-down menu multi-selectable.|
|include_blank||Insert a blank item into the top of options of this drop-down menu.|
Suppose you have a list of countries as follows:
Do you know how to code this drop-down menu in Contact Form 7?
[select your-country "Australia" "Brazil" "Canada" "Denmark" "Finland"]
First you need to define you element by
select. Then add your element name, here I’ve used
your-country. After that add your list item each with double quotations. If you want make the drop-down menu as mandatory form element (means user need to choose at least one of the item), please an * (asterisk) beside the
select as follows:
[select* your-country "Australia" "Brazil" "Canada" "Denmark" "Finland"]
If you want to make the first element blank, then code as follows:
[select* your-country include_blank "Australia" "Brazil" "Canada" "Denmark" "Finland"]
If you want to assign any CSS class [
[select your-country class:class-name1 "Australia" "Brazil" "Canada" "Denmark" "Finland"]
Hope the article was easy and simple. Let me know if you need further assistance. At the end, many many thanks to Takayuki Miyoshi, creator of Contact Form 7.
DO YOU NEED OUR HELP?Contact our experts, most of the time we assist our readers free of charge.
Those who found this page were searching for:
- contact form with dropdown menu wordpress
- making down menu using contact form wordpress
- contact form 7 dorp down value
- contact form 7 dropdown mail
- Contact Form 7 drop list
- inserting drop down fielsd in contact 7
- chained drop downs contact form 7
- contact form 7 ограничение dropdown
- i want to include list country and district to wordpress
- contact form 7 select list form choose