Example - Forms : Techniques : Accessibility

Edit This Code

See Result

<h1>Ticket Booking</h1>

<form action="" method="post" name="form1" id="form1">

<p>
First name 
<input type="text" id="firstname" />
</p>

<p>
<label for="lastname">Last name</label> 
<input type="text" id="lastname" />
</p>

<p>
<input type="checkbox" id="invoice" name="invoice" checked="checked">
<label for="invoice">Invoice required</label>
</p>

<h2>Session Time</h2>

<fieldset>

Select the preferred time of day that you would like to attend.<br />

<p>
  <input type="radio" name="time" id="morning" value="morn" />
    <label for="morning">Morning</label><br/>
  <input type="radio" name="time" id="afternoon" value="aft"/>
    <label for="afternoon">Afternoon</label><br/>
  <input type="radio" name="time" id="evening" value="eve"/>
    <label for="evening">Evening</label><br/>
</p>
</fieldset>

<p>
<input type="submit" value="Purchase Ticket"/>
</p>

</form>

Result

Check Accessibility

Code goes here