Labels inside the Element- Validation not working

  • Resolved wurtzelsepp

    (@wurtzelsepp)


    9 years, 11 months ago

    hi i have tried to put a label after every textfield inside the span. it seems not possible so i hardcodet it like: 

    <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" id="your-name-id" aria-required="true" aria-invalid="false" placeholder="Vorname/Nachname"><label class="hidelabel" for="your-name-id">Ihr Vorname/Nachname</label></span>

<span class="wpcf7-form-control-wrap your-company"><input type="text" name="your-company" id="your-company-id" value="" size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="Firma"><label class="hidelabel" for="your-company-id">Firma</label></span>

    and put it inside the form. It worked so far to diplay but the validators and mailing doesn’t seem to work.
    How can i doo it right or how can i get the validation fixed ?

    thanks
    Seppl

    https://www.ads-software.com/plugins/contact-form-7/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Why do you need to place labels inside spans?

    Thread Starter wurtzelsepp

    (@wurtzelsepp)

    sorry i rewrote the post and posted again to make it better understandable. the i saw that u answered here so feel free to colse one of them
    thanks for ur quick answer.
    I want to make them responsive with :focus on the input on css. so i need them inside the span and after the input

    tx Sepp

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Labels inside the Element- Validation not working’ is closed to new replies.