Flexable, Eatable CSS Forms..

The web is filled with forms and the more social sites get the more forms required. At Wayne State we end up creating a lot of forms for a lot of purposes. I am going to take for for example and show how we have come up with a fully flexible html form and how you can adopt it too.

Basics:

RSVP form for an event
Mixed input, select, radio, and textareas
Has required fields
Has examples for certain fields

The HTML

<form action="/" method="post" name="rsvp" id="rsvp">
  <fieldset id="table_rsvp">
    <legend>RSVP Form</legend>
    <div class="field_first_name">
      <label for="first_name"><em>*</em>First Name:</label>
      <input name="first_name" id="first_name" type="text" size="30" maxlength="128" value="" />
    </div>
    <div class="field_last_name">
      <label for="last_name"><em>*</em>Last Name:</label>
      <input name="last_name" id="last_name" type="text" size="30" maxlength="128" value="" />
    </div>
  </fieldset>
</form>

Posted on August 20, 2007 at 4:29 pm by nickdenardis · Permalink
In: main · Tagged with: css, development, standards, tutorial, xhtml

Leave a Reply