Labels Must Be Unique

Be sure to use UNIQUE label ATTRIBUTES (for & id) for every form field.

Look and Listen - What is still wrong with this form?

Dog's Info


Favorite foods:



Owner's Info


Favorite foods:



 

<label for="name">Dog Name:</label><br />
<input id="name" size="35" />

<p>Favorite foods:</p>

<input name="foods" value="kibble" id="choice1" type="radio" />
<label for="choice1">Kibble</label>

...

<label for="name">Owner Name:</label>
<input id="name" size="35" />

<p>Favorite foods:</p>
<input name="foods2" value="indian" id="choice1" type="radio" />
<label for="choice1">Indian</label>

...


In the example above, to distinguish the fields use something like...
<label for="name-d"> and <input id="name-d"> for the dog name label, and
<label for="name-o"> and <input id="name-o"> for the owner name label.
Also change the for and id for each radio button - "own-choice1", "dog-choice1" etc.

Corrected form

Dog's Info


Favorite foods:



Owner's Info


Favorite foods:



 

<label for="name-d">Dog Name:</label>
<input id="name-d" size="35" />

<p>Favorite foods:</p>
<p>
<input name="foods-d" value="kibble" id="dog-choice1" type="radio" />
<label for="dog-choice1">Kibble</label>

...

<label for="name-o">Owner Name:</label>
<br />
<input id="name-o" size="35" />
</p>
<p>Favorite foods:</p>
<p>
<input name="foods-o" value="indian" id="own-choice1" type="radio" />
<label for="own-choice1">Indian</label>