Contact Form 7
Changing input type for certain fields / HTML5 markup (3 posts)

  1. Chris Laursen
    Posted 4 years ago #

    I would like my e-mail <input> field to be of the type "email" rather than "text" so when people use it on a mobile device it displays the keyboard designed specifically for entering an e-mail address (I'm thinking of the iPhone in particular here).

    I would also like to add some other html5 markup to the form, such as adding "required" and "placeholder" to certain <input> fields

    How do I do this?


  2. jonesg2
    Posted 3 years ago #

    I am also interested in this.

  3. davejampole
    Posted 3 years ago #

    <http://contactform7.com/setting-up-mail/> will explain how to set up an email field. Note that the use of an asterisk (*) as in E-mail address: [email* email] makes this a required field. When the user clicks 'Send' an error message pops if the email field was not filled in. If you want, you can add '(required)' as in E-mail address (required): [email* email], but that is strictly for the user, it does nothing to the functionality of the form.

    Also, you are using html tag syntax in your original post. Be careful with that.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic