<HTML>
  <HEAD>
    <TITLE>Required Fields for JavaScript Illiterati</TITLE>
    <SCRIPT type="text/javascript" src="http://lfov.net/loopfuse-ext/required/required.js"></SCRIPT>
  </HEAD>

  <BODY>

        <FORM action="success.html">
          <INPUT class="required" name="name" id="name" />
          <LABEL for="name">Name</LABEL>
          <p/>

          <LABEL for="male">Male</LABEL>
          <INPUT class="required" type="radio" name="sex" id="male" />
          <LABEL for="female">Female</LABEL>
          <INPUT class="required" type="radio" name="sex" id="female" />
          <p/>

          <SELECT class="required" name="industry" id="industry">
            <OPTION value="" selected>Choose One</OPTION>
            <OPTION value="Financial Services">Financial Services</OPTION>
            <OPTION value="Aerospace">Aerospace</OPTION>
            <OPTION value="Retail">Retail</OPTION>
            <OPTION value="Tourism">Tourism</OPTION>
            <OPTION value="Construction">Construction</OPTION>
          </SELECT>
          <LABEL for="industry">Industry</LABEL>
          <p/>

          <SELECT class="required" name="product_interest" id="product_interest" multiple size="4">
            <OPTION value="productA">Product A</OPTION>
            <OPTION value="productB">Product B</OPTION>
            <OPTION value="productC">Product C</OPTION>
            <OPTION value="productC">Product D</OPTION>
          </SELECT>
          <LABEL for="product_interest">Product Interest</LABEL> (SELECT all that apply)
          <p/>

          <TEXTAREA class="required" id="comments" name="comments" rows="4" cols="30" />
          <LABEL for="comments">Comments</LABEL>
          <p/>

          <INPUT value="Submit" type="submit"></INPUT>
        </FORM>

  </BODY>
</HTML>