What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Multiple W3C Validation Errors

    Asked by faithemc on October 21, 2015 at 02:01 PM

    When validating a page in which a JotForm has been added there are multiple W3C validation error:

     

    Error: Element link is missing required attribute property.

    From line 167, column 25; to line 167, column 122

              <link target="_blank" href="https://cdn.jotfor.ms/static/formCss.css?3.3.9556" rel="nofollow" rel="stylesheet" type="text/css" />↩     

    Error: Element link is missing required attribute property.

    From line 168, column 25; to line 168, column 123

              <link type="text/css" rel="stylesheet" target="_blank" href="https://cdn.jotfor.ms/css/styles/nova.css?3.3.9556" rel="nofollow" />↩     

    Error: Element link is missing required attribute property.

    From line 169, column 25; to line 169, column 135

              <link type="text/css" media="print" rel="stylesheet" target="_blank" href="https://cdn.jotfor.ms/css/printForm.css?3.3.9556" rel="nofollow" />↩     

    Error: Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)

    From line 170, column 25; to line 170, column 47

              <style type="text/css">↩     

    Error: The for attribute of the label element must refer to a non-hidden form control.

    From line 197, column 41; to line 197, column 125

              <label class="form-label form-label-left form-label-auto" id="label_1" for="input_1"> Full 

    Error: The for attribute of the label element must refer to a non-hidden form control.

    From line 216, column 41; to line 216, column 125

              <label class="form-label form-label-left form-label-auto" id="label_4" for="input_4"> Phone

    Error: The for attribute of the label element must refer to a non-hidden form control.

    From line 232, column 41; to line 232, column 125

              <label class="form-label form-label-left form-label-auto" id="label_6" for="input_6"> Prefe

    Page URL:
    http://www.fccdouglasville.org/index-contacts.html

    form control JotForm style label
  • Profile Image

    Answered by Sammy on October 21, 2015 at 03:40 PM

    I checked the URL and it appears you have used the source code method to embed your form on the site.

    The CSS warning appear when the CSS ins not included within the <HEAD> tag of the page if you do not want to add it within the head add the following property to your CSS links

    property='stylesheet'

    i.e

     

    <link rel='stylesheet' property='stylesheet' href='http://www.someurl.com/modules/14ce1e21/peadig-eucookie.css' type='text/css' media='all' />

    Ideally you can embed using the iframe method in order to minimize the Wc3 warning.

    http://www.jotform.com/help/148-Gettiog-the-Form-iFrame-Code

  • Profile Image

    Answered by faithemc on October 22, 2015 at 08:00 AM

    Thanks for the solution for the missing 'Property' attribute. I used Googles mobile friendly service and it passes.

    What about the errors:

    Error: Element style not allowed as child of element div in this context. 

    From line 170, column 25; to line 170, column 47

              <style type="text/css">↩  

    Error: The for attribute of the label element must refer to a non-hidden form control

  • Profile Image

    Answered by Carina on October 22, 2015 at 10:32 AM

    "Error: The for attribute of the label element must refer to a non-hidden form control"

    2 of these errors are connected with the fact that both Full name and Phone fields have 2 fields but only one label. If you replace the Full name and phone fields for text-box fields this error will disappear.

    You can clone  the demo form:

    https://form.jotform.com/52944667102962? 

    I will see the solution for the other error.

    I will contact you as soon as I have more details.

    Let us know if we can assist you further.   

  • Profile Image

    Answered by faithemc on October 22, 2015 at 05:11 PM

    I've changed the name to a single field and regenerated - no W3C error and passes Google's mobile friendly test.

    Thank you.

  • Profile Image
    JotForm Support

    Answered by Boris on October 22, 2015 at 09:06 PM

    On behalf of my colleagues, Sammy and Carina, you are most welcome.

    If you need assistance with anything else, please do not hesitate to open a new support thread about it, and we'll do our best to help.