<!DOCTYPE html>
<html>
<!--
More CSS play - CSS 318 - Week 5 Lab
attempt to layout a form more nicely
adapted from "Web Programming Step-by-Step, 2nd edition,
Chapter 6, pp. 225-226
by: Sharon Tuttle
last modified: 2-18-13
-->
<head>
<title> More CSS Play </title>
<meta charset="utf-8" />
<link href="lab05-form.css" type="text/css"
rel="stylesheet" />
</head>
<body>
<h1> More CSS play </h1>
<form action="http://users.humboldt.edu/smtuttle">
<fieldset>
<legend>New User Signup</legend>
<label class="heading" for="name">Name:</label>
<input type="text" name="name" id="name" /> <br />
<label class="heading" for="address"> Address: </label>
<input type="text" name="address" id="address" /> <br />
<label class="heading">Credit Card:</label>
<label> <input type="radio" name="cc" value="visa" />
Visa </label>
<label> <input type="radio" name="cc" value="mc" />
Mastercard </label> <br />
<input type="submit" value="Sign Up" />
</fieldset>
</form>
<hr />
<p>
<a href="http://validator.w3.org/check/referer">
Validate this HTML5 page
</a>
</p>
<p>
For full credit, this page must also pass the tests at
<a href="http://lint.brihten.com/html/">
http://lint.brihten.com/html/ </a> when its URL is
entered (and without modifying the default options).
</p>
<p>
<a href=
"http://jigsaw.w3.org/css-validator/check/referer?profile=css3">
<img src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS3!" height="31" width="88" />
</a>
</p>
</body>
</html>