HTML and CSS Reference
In-Depth Information
<p><label>
Email:
<input
type="radio"
name="contactpref" checked /></label></p>
</fieldset>
</fieldset>
Next, a meter gives some indication of how well the paper is staffed at the moment,
with six out of ten staff in the office. We won't speculate how often this meter gets up-
dated, but it is an appropriate element to use here as the number of staff is a known
quantity.
Finally, like the last form, a submit button appears at the end, and the form is closed:
<p><label>Staff in the office
<meter min="0" value="6" low="2" optimal="9" high="8"
max="10" >6/10</meter>
</label></p>
<button type="submit" name="tipform2">Submit</button>
</form>
Page 3, providing confirmation
Submitting the second form brings the user to the acknowledgment page, where the
progress element is updated to its final position, and a short thank-you message is
given:
<form>
<p>Progress:
<progress
value="2"
max="2">2/
2</progress></p>
<p>The tip was successfully received. Thank you!</p>
</form>
The resulting page looks like Figure 4-32 .
Search WWH ::




Custom Search