W3C Validation

kyhryt · 03-05-2013, 03:43 AM

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>

Arbitrator · 03-05-2013, 03:55 AM

Quote:

Originally Posted by kyhryt

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

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.