Software Training Online
Presented by Dallas Web Designer Craig Smith

Sunday, September 13, 2015

Contact Form 7 – Select drop down dates format

Contact Form 7 is great, but the format is slightly different than traditional forms. They wrap everything in quotes and it runs horizontal. So when it comes to dates, it can be quite tedious adding all that info in a format that isn’t easily accessible through a Google Search. In case you don’t want the datepicker and want to use a more traditional drop down for Month, Day, Year.

Here is a quick code to pop into Contact form 7. There are tons of code snippets for the traditional select drop down in HTML for dates but I didn’t find any out there when I was searching for Contact form 7’s format. Hopefully you will find this useful!

[select* menu-month "January" "February" "March" "April" "May" "June" "July" "August" "September" "October" "November" "December"][select* menu-day "1" "2" "3" "4" "5" "6" "7" "8" "9" "10" "11" "12" "13" "14" "15" "16" "17" "18" "19" "20" "21" "22" "23" "24" "25" "26" "27" "28" "29" "30" "31"][select* menu-year "2015" "2016" "2017" "2018" "2019" "2020"]

Contact Form 7 – Select drop down dates format