WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
[resolved] Can't select input fields (4 posts)

  1. leviticus
    Member
    Posted 2 years ago #

    I'm having a strange issue with the Contact Form 7 plugin. On one page where I have a drop down to select the email recipient, I can't seem to click the following text input fields to type in the fields. After making a selection in the drop down, I can hit TAB to get to the next field, but I know most of my users are mouse dependent.

    I can click the text input fields in another form I built on my 404 error page:
    http://74.54.77.210/~nwmn/?page_id=408

    Here's the page that's acting up: http://74.54.77.210/~nwmn/?page_id=61

    Here's my code:

    <small>Required fields are marked with a <img src="http://74.54.77.210/~nwmn/assets/img/star.gif" alt="required" width="10" height="10"/></small>
    <label>Send to:</lable>
    [select your-recipient
         "Marsha Hendrickson, Synod Office|ceo@example.com"
         "Bishop Larry Wohlrabe|wohlrabe@cord.edu"
         "Pr. Steve Peterson, Assistant to the Bishop|speterso@cord.edu"
         "Pr. Laurie Natwick, Assistant to the Bishop|natwick@cord.edu"
         "Pr. Keith Zeh, Director for Evangelical Mission|kzeh@cord.edu"
         "Shirleen Wyland, Secretary to the Bishop|wyland@cord.edu"]
    <label>Your Email: <img src="http://74.54.77.210/~nwmn/assets/img/star.gif" alt="required" /></label>[email* your-email]
    <label>Subject: <img src="http://74.54.77.210/~nwmn/assets/img/star.gif" alt="required"/> </label>[text* your-subject]
    <label>Your Message: <img src="http://74.54.77.210/~nwmn/assets/img/star.gif" alt="required"/> </label>[textarea* your-message]
    [submit "Send"]

    I've tested the page in Chrome, Safari, and Firefox.

    http://wordpress.org/extend/plugins/contact-form-7/

  2. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    Your HTML structure is completely broken. Once check your site with HTML validator and fix all errors.

  3. leviticus
    Member
    Posted 2 years ago #

    I must have been staring at that code so long, I missed the <label></lable> error.

  4. Easo
    Member
    Posted 1 year ago #

    Hello,
    I'm having the same problem: I can't select the imputs but using TAB.
    I've tried to use the default form to be sure it wasn't a mistake in the HTML structure, but it's not working.

    Here is the page: eziopellicano.it/contatti
    I'm using three forms, one for each language. None of them is cliccable.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic