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

From Level Access Web Labs
Jump to navigation Jump to search
Line 1: Line 1:
 +
<html>
 +
<fieldset><legend>Phone number</legend>
 +
<input id="areaCode" name="areaCode" aria-label="Area Code"
 +
type="text" size="3" value="" >
 +
<input id="exchange" name="exchange" aria-label ="First three digits of phone number"
 +
type="text" size="3" value="" >
 +
<input id="lastDigits" name="lastDigits" aria-label ="Last four digits of phone number"
 +
type="text" size="4" value="" >
 +
</fieldset>
 +
</html>
 +
 
<html>
 
<html>
 
<head>
 
<head>

Revision as of 18:26, 2 October 2017

Phone number

Shipping Address:

Meal Selection:



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?


Using ARIA Labelledby and legend

Was this content helpful?



Using ARIA Label instead of legend

This is a legend

Was this content helpful?