Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: W3C Validation

  1. #1
    New to the CF scene
    Join Date
    Sep 2012
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Angry W3C Validation

    Hi,

    I'm getting the following errors:

    Error Line 76, Column 82: Attribute input not allowed on element button at this point.
    …mit" input name="submit" type="submit" id="submit" value="SEND"> SEND</button>

    Error Line 70, Column 40: The for attribute of the label element must refer to a form control.
    <label for="antispam" class="fontcolor">Anti-Spam (14 + 6)*</label>

    (Snapshot also attached)

    Code Below:
    Code:
    <!DOCTYPE html>
    <html lang="en">
    
    <!-- Head Begins --> <head>
    
    <!--[if lt IE 9]>
    <script src="adjustForIE.js">
    </script>
    <![endif]-->
    
    <meta charset="UTF-8">
    <meta name="keywords" content="Architecture,London,Modern">
    <meta name="description" content="The background of Modern Architecture in London">
    <meta name="author" content="Kyhry Taylor">
    <title>London's Modern Architecture Introduction</title>
    <link rel="stylesheet" href="IMD110.css">
    </head> <!-- Head Ends -->
    
    <body>
    
    <!-- Header Begins --> <header>
    <div id="logo">
    <a href="index.htm">
    <img src="MAL_Logo.png" alt=" Modern London Architecture" />
    </a>
    </div>
    </header> <!-- Header Ends -->
    
    <div id="greybar"> </div>
    
    <!-- Wrapper Begins --><div id="wrapper"> 
    
    <!-- Nav Begins --> <nav>
    <a href="index.htm">introduction</a>
    <a href="buildings.html">buildings</a>
    <a href="contactIMD.html">contact</a>
    <a href="reply.html">reply</a>
    <a href="sources.html">sources</a>
    <a href="architects.html">architects</a>
    <a href="exhibitions.html">exhibitions</a>
    </nav> <!-- Nav Ends -->
    
    <section id="contactbody" class="fontcolor">
    
    <h1>We'd love to hear from you</h1>
    
    <!-- Contact Form Begins -->
    
    <form action="a-comments.php" class="contact_form" method="post" id="comments">
    <br>
          
    <label for="name" class="fontcolor">Your Name*</label>
    <br><br>
    
    <input type="text" id="name" placeholder="John Doe" required />
    <br><br>
    
    <label for="email" class="fontcolor">Your Email Address*</label> 
    <br><br>
    
    <input type="email" id="email" name="email" placeholder="john_doe@example.com" required />
    <br><br>
    
    <label for="message" class="fontcolor">Message*</label>
    <br><br>
    
    <textarea name="message" id="message" cols="60" rows="15" required ></textarea>
    <br><br>
                
    <label for="antispam" class="fontcolor">Anti-Spam (14 + 6)*</label>
    <br><br>
    
    <input name="addition" id="formStyleInsert" placeholder="14+6" required />
    <br><br>
    
    <button class="submit" input name="submit" type="submit" id="submit" value="SEND"> SEND</button> 
    </form><!-- Contact Form Ends -->
      
    </section> 
    
    <!-- Aside Begins --><aside id="rightmap">
    
    <img src="QuestionsGraphics.png" alt=" Questions or Concerns" />
    
    </aside> <!-- Aside Ends -->
    
    </div><!-- Wrapper Ends -->
    
    <!-- Footer Begins --><footer>
    
    <div class="clearFloat"> </div>
    
    &copy; 2013 Kyhry Taylor
    
    </footer><!-- Footer Ends -->
    
    </body>
    
    </html>
    Last edited by kyhryt; 03-05-2013 at 03:45 AM. Reason: More Detail

  • #2
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,300
    Thanks
    28
    Thanked 275 Times in 269 Posts
    Quote Originally Posted by kyhryt View Post
    I'm getting the following errors:

    Error Line 76, Column 82: Attribute input not allowed on element button at this point.
    …mit" input name="submit" type="submit" id="submit" value="SEND"> SEND</button>
    You have an invalid attribute named input (with no value) within the following tag:

    Code:
    <button class="submit" input name="submit" type="submit" id="submit" value="SEND">
    You should remove the offending attribute.

    Quote Originally Posted by kyhryt View Post
    Error Line 70, Column 40: The for attribute of the label element must refer to a form control.
    <label for="antispam" class="fontcolor">Anti-Spam (14 + 6)*</label>
    The for attribute associates a label element with its respective form control via the form control element's id attribute value. I'm guessing the form control that that label is associated with is represented by the following code:

    Code:
    <input name="addition" id="formStyleInsert" placeholder="14+6" required />
    Therefore, the value of your for attribute should be formStyleInsert.
    For every complex problem, there is an answer that is clear, simple, and wrong.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •