HTML 5 Forms

HTML5 Forms

 

This HTML form…
 

<FORM METHOD=POST ACTION="http://www.dansie.net/cgi-bin/scripts/cart.pl">

<B>
Black Leather purse with leather straps<BR>
Price: $20.00<BR>
</B>

<INPUT TYPE=HIDDEN NAME=name     VALUE="Black Leather Purse">
<INPUT TYPE=HIDDEN NAME=price    VALUE="20.00">
<INPUT TYPE=HIDDEN NAME=sh       VALUE="1">
<INPUT TYPE=HIDDEN NAME=img      VALUE="purse.jpg">
<INPUT TYPE=HIDDEN NAME=img2     VALUE="purse_large.jpg">
<INPUT TYPE=HIDDEN NAME=return   VALUE="http://www.dansie.net/demo.html">
<INPUT TYPE=HIDDEN NAME=custom1  VALUE="Black Leather purse with leather straps">

<INPUT TYPE=SUBMIT NAME="add" VALUE="Put in Shopping Cart">
</FORM>

 

Makes this… 

Black Leather purse with leather straps
Price: $20.00
 

 

This HTML form…
 

<FORM METHOD=POST ACTION="http://www.dansie.net/cgi-bin/scripts/cart.pl">

<B>
Mens Tie<BR>
Price: $40.00<BR>
</B>

<INPUT TYPE=HIDDEN NAME=name   VALUE="Mens Tie">
<INPUT TYPE=HIDDEN NAME=price  VALUE="40.00">
<INPUT TYPE=HIDDEN NAME=sh     VALUE="1">
<INPUT TYPE=HIDDEN NAME=img    VALUE="mens_tie.jpg">
<INPUT TYPE=HIDDEN NAME=img2   VALUE="mens_tie_large.jpg">
<INPUT TYPE=HIDDEN NAME=return VALUE="http://www.dansie.net/demo.html">

Size: 
<SELECT NAME=custom1 SIZE=1>
<OPTION>Small $40.00
<OPTION>Large $50.00
</SELECT><BR>

Color: 
<SELECT NAME=custom2 SIZE=1>
<OPTION>Grey
<OPTION>Blue
<OPTION>Purple
<OPTION>Polka Dot
</SELECT><BR>

With tie clip? 
<SELECT NAME=custom3 SIZE=1>
<OPTION>No clip
<OPTION>Clip +$10.00
</SELECT><BR>

Quantity: 
<INPUT TYPE=TEXT NAME=quantity VALUE="1" SIZE=2 MAXLENGTH=2><BR>
<INPUT TYPE=SUBMIT NAME="add" VALUE="Order">
</FORM>

 

Makes this… 

Mens Tie
Price: $40.00
Size:
Color:

With tie clip?

Quantity: 

This HTML form…
 

<FORM METHOD=POST ACTION="http://www.dansie.net/cgi-bin/scripts/cart.pl">

Item: Quantity:<BR>

<INPUT TYPE=HIDDEN NAME="name" VALUE="multi-items">
<INPUT TYPE=HIDDEN NAME="return" VALUE="http://www.dansie.net/demo.html">

<INPUT TYPE=HIDDEN NAME="multi-item1" VALUE="Banana Split|3.95|1|split.jpg|A delicious ice cream treat.">
Banana Split <INPUT TYPE=TEXT NAME="quantity1" SIZE=2 MAXLENGTH=2><BR>

<INPUT TYPE=HIDDEN NAME="multi-item2" VALUE="Pineapple|2|1|pineapple.jpg|A juicy pineapple.">
Pineapple <INPUT TYPE=TEXT NAME="quantity2" SIZE=2 MAXLENGTH=2><BR>

<INPUT TYPE=HIDDEN NAME="multi-item3" VALUE="Watermelon|3|1|watermelon.jpg|A ripe watermelon.">
Watermelon <INPUT TYPE=TEXT NAME="quantity3" SIZE=2 MAXLENGTH=2><BR>

<INPUT TYPE=SUBMIT NAME="add" VALUE="Put these in my cart!">
</FORM>

Makes this… 

Item: Quantity:
Banana Split
Pineapple
Watermelon

(Be sure to enter a number such as “1″ into one or more of the quantity text boxes above.)

 

 

  

 

<FORM METHOD=POST ACTION=”http://www.939sign.com/cgi-bin/cart.pl”>
<B>
24×24 yard sign<BR>
Price: $89.39<BR>
</B>
<INPUT TYPE=HIDDEN NAME=name VALUE=”24×24 yard sign”>
<INPUT TYPE=HIDDEN NAME=price VALUE=”89.39″>
<INPUT TYPE=HIDDEN NAME=sh VALUE=”1″>
<INPUT TYPE=HIDDEN NAME=return VALUE=”http://www.939sign.com/”>
<INPUT TYPE=HIDDEN NAME=img VALUE=”http://upload.wikimedia.org/wikipedia/commons/thumb/b/b4/David_Vitter_yard_sign_IMG_0018.JPG/320px-David_Vitter_yard_sign_IMG_0018.JPG”>
<INPUT TYPE=HIDDEN NAME=custom1 VALUE=”Double Sided Yard Sign, Polystyrene Plastic”>
Choose color:
<SELECT NAME=custom2>
<OPTION>White background
<OPTION>Black background
</SELECT>
<BR>
<INPUT TYPE=SUBMIT NAME=”add” VALUE=”Put in Shopping Cart”>
</FORM>