Difference between revisions of "Fieldset, Label, and Legend Elements"

From Level Access Web Labs
Jump to navigation Jump to search
Line 142: Line 142:
 
<fieldset>
 
<fieldset>
 
<legend>What type of search would you like to perform?</legend>
 
<legend>What type of search would you like to perform?</legend>
<input name="n2" required id="i1" type="radio" name="searchType" />
+
 
<label for="i1"> Search intranet </label>
+
<input name="m2" required id="v1" type="radio" name="searchType" />
<input name="n2" required id="i1a" type="radio" name="searchType" />
+
<label for="v1"> Search intranet </label>
<label for="i1a"> Search Internet </label>
+
<input name="m2" required id="v1a" type="radio" name="searchType" />
<input name="n2" required id="i1b" type="radio" name="searchType" />
+
<label for="v1a"> Search Internet </label>
<label for="i1b"> Search both </label>
+
<input name="m2" required id="v1b" type="radio" name="searchType" />
 +
<label for="v1b"> Search both </label>
 
</fieldset>
 
</fieldset>
 
</form>
 
</form>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 17:35, 17 May 2016

Shipping Address:



Fieldset and Legend tag with H2 inside legend

Was this content helpful?



Fieldset with H2 and no legend

Was this content helpful?



Fieldset and Legend tag with H2 outside the legend

Was this content helpful?



Regular Fieldset and Legend tag

Was this content helpful?


Using ARIA Describedby instead of legend

Was this content helpful?



Using ARIA Describedby instead of legend and input type submit instead of button

Was this content helpful?



Using ARIA Labelledby instead of legend

Was this content helpful?



Using ARIA Label instead of legend

Was this content helpful?

What type of search would you like to perform?



radios

What type of search would you like to perform?
What type of search would you like to perform?