Forms
Other Links
Use this style of form to create nice simple forms with CSS. Using this method is not required, but may come in handy.
How-To
- The styles are dependent upon several elements and one class:
- <label>
- <input>
- <br />
- class="form"
- The label element, additionally, improves accessibility. Try clicking on the words next to the boxes—note that the boxes get selected and are ready for your input.
Code
<form method="post" action="/cgi-bin/mail.cgi" name="sampleform" class="form"> <label for="name">Name:</label> <input type="text" tabindex="1" id="name" name="Name: " /><br /> <label for="org">Organization:</label> <input type="text" tabindex="2" id="org" name="Org: " /><br /> <label for="email">Email:</label> <input type="text" tabindex="3" id="email" name="Email: " /><br /> <label for="message">Message:</label> <textarea tabindex="4" id="message" name="Message: " cols="50" rows="5"></textarea> <input id="formsubmit" tabindex="5" type="submit" value="Send Comments" /> <input type="hidden" name="tssms" value="your tssms account here" /> <input type="hidden" name="mailtofile" value="name of mailto file" /> <input type="hidden" name="Subject" value="Comments form the web site" /> <input type="hidden" name="Next" value="link to 'next' page" /> </form>