Multiple form controls are placed inside a single label element.

  • Hi,

    In contact form 7, I want to develop an inquiry form. However, after the inputting code, I get the the following message: “Multiple form controls are placed inside a single label element”

    1) Why does this meessage keep occurring?
    2) How do i fix this?

    Below is the form that input:

    <label> Your Name (required)
    [text* your-name] </label>

    <label> Your Email (required)
    [email* your-email] </label>

    <label> Address? (required)
    [textarea* textarea-51 “(Street Name), (Building name/number). (Villa/Apartment), Area, City”]

    <label> Telephone Number? (required)
    [tel* tel-972 “000-123-4567”]

    <label> Type of problem
    [select* menu-581 multiple “AC & Electrical” “Plumbing” “Gardening” “Carpentry” “Painting” “Handyman” “Marble Polishing” “Moving and Packing” “Interior Fit Outs” “Interior Designing” “Swimming Pool Maintenance”]

    <label> Tell us your problem?
    [textarea your-problem] </label>

    <p>Your photo
    [file file-805]</p>

    <label> How did you find us?
    [select* menu-642 multiple “Google Search” “Google Ads” “Facebook” “Linkedin” “Pinterest” “Referral” “Other”]

    [submit “Send”]

Viewing 2 replies - 1 through 2 (of 2 total)

  • You are missing a bunch of closing </label> tags.

    wallydavid

    (@wallydavid)

    Im going to assume that the closing labels in your code were stripped when you uploaded the code to WP.org and thats not the same problem so many others are having. The newest version of contact form 7 has some weird enforced styling rules. Here is the fix for that error.

    This will generate an error using radial, checbox or label:

    ******** Wrong ********
    <label> Type of problem
    [select* menu-581 multiple “AC & Electrical” “Plumbing” “Gardening” “Carpentry” “Painting” “Handyman” “Marble Polishing” “Moving and Packing” “Interior Fit Outs” “Interior Designing” “Swimming Pool Maintenance”] </label>

    FIX: Remove the <label> element from around the the [shortcode].

    ******** Correct ********
    <label> Type of problem </label>
    [select* menu-581 multiple “AC & Electrical” “Plumbing” “Gardening” “Carpentry” “Painting” “Handyman” “Marble Polishing” “Moving and Packing” “Interior Fit Outs” “Interior Designing” “Swimming Pool Maintenance”]

    or
    FIX: Remove the <label> element from around the the [shortcode]. all-together from this portion of the form.

    ******** Correct ********
    Type of problem<br>
    [select* menu-581 multiple “AC & Electrical” “Plumbing” “Gardening” “Carpentry” “Painting” “Handyman” “Marble Polishing” “Moving and Packing” “Interior Fit Outs” “Interior Designing” “Swimming Pool Maintenance”]

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Multiple form controls are placed inside a single label element.’ is closed to new replies.