Complete Form Example : Form Select : Form Tags HTML CSS TUTORIALS

HTML CSS TUTORIALS » Form Tags » Form Select »

Complete Form Example




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Complete Form Example</TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">Gadget Order Form</H1>
<HR>
<FORM ACTION="mailto:order@company.com" 
      METHOD="POST" ENCTYPE="text/plain">

<B>Customer Name:</B>
<INPUT TYPE="TEXT" 
     NAME="Cust_name"  
     SIZE="25" 
       MAXLENGTH="35">

<BR><BR>

<B>Customer ID: </B>
<INPUT TYPE="PASSWORD" 
     NAME="Cust_ID" 
     SIZE="10" 
       MAXLENGTH="10">

<BR><BR>

<B>Gadget Type:</B>
<SELECT NAME="GadgetType">
  <OPTION VALUE="SG-01">Super Gadget
  <OPTION VALUE="MEG-G5">Mega Gadget
  <OPTION VALUE="MO-45">Mongo Gadget
  <OPTION SELECTED>Gadget
</SELECT>

<BR><BR>

<INPUT TYPE="SUBMIT" VALUE="Order Gadget" NAME="SubmitButton">
<INPUT TYPE="RESET" VALUE="Reset Form" NAME="ResetButton">

</FORM>
<HR>
</BODY>
</HTML>