topical media & game development

talk show tell print

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 &lt;fieldset&gt; and &lt;legend&gt;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.