topical media & game development
basic-web-html-05-ch05-eg19.htm / htm
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Organizing Elements With <fieldset> and <legend>Elements</title>
</head>
<body>
<form action="http://www.example.org/competition.asp" method="post" name="frmComp">
<fieldset>
<legend accesskey="c"><u>C</u>ontact Information (ALT + C)</legend>
<label>First name: <input type="text" name="txtFName" size="20" /></label><br />
<label>Last name: <input type="text" name="txtLName" size="20" /></label><br />
<label>Email: <input type="text" name="txtEmail" size="20" /></label><br />
</fieldset>
<br />
<fieldset>
<legend>Competition Question</legend>
How tall is the Eiffel Tower in Paris, France?<br />
<label><input type="radio" name="radAnswer" value="584" />584 ft</label><br />
<label><input type="radio" name="radAnswer" value="784" />784 ft</label><br />
<label><input type="radio" name="radAnswer" value="984" />984 ft</label><br />
<label><input type="radio" name="radAnswer" value="1184" />1184 ft</label><br />
</fieldset>
<br />
<fieldset>
<legend accesskey="t"><u>T</u>iebreaker Question (ALT + T)</legend>
<label>In 25 words or less, say why you would like to win $10,000: <br />
<textarea name="txtTiebreaker" rows="10" cols="40"></textarea>
</label>
</fieldset>
<br />
<fieldset>
<legend>Enter competition</legend>
<input type="submit" value="Enter Competition" />
</fieldset>
</form>
</body>
</html>
(C) Æliens
20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.