Order Form

Name: Phone: E-mail address:
Billing and Shipping Addresses: Ship to Billing Address
Products to Order:
Qty: Cost: ($40.00 ea) Fictional Spreadsheet 7.0
Qty: Cost: ($69.95 ea) Fictional Word Processor 6.0
Qty: Cost: ($99.95 ea) Fictional Database 7.0
Qty: Cost: ($4.95 ea) Instruction Booklet for the above
Total Cost:
Method of Payment:
Credit Card or Check Number::

 

  • Source 
    <HTML>
<HEAD><TITLE>Order Form</TITLE>
<SCRIPT>
// function to calculate the total cost field
function Total() {
   var tot = 0;
   tot += (40.00 * document.order.qty1.value);
   tot += (69.95 * document.order.qty2.value);
   tot += (99.95 * document.order.qty3.value);
   tot += (4.95 * document.order.qty4.value);
   document.order.totalcost.value = tot;
}

// function to update cost when quantity is changed
function UpdateCost(number, unitcost) {
   costname = "cost" + number;
   qtyname = "qty" + number;
   var q = document.order[qtyname].value;
   document.order[costname].value = q * unitcost;
   Total();
}

// function to copy billing address to shipping address
function CopyAddress() {
   if (document.order.same.checked) {
      document.order.shipto.value = document.order.billto.value;
   }
}

</SCRIPT>
</HEAD>
<BODY>
<H1>Order Form</H1>
<FORM NAME="order">
<B>Name:</B> <INPUT TYPE="text" NAME="name1" SIZE=20>
<B>Phone: </B><INPUT TYPE="text" NAME="phone" SIZE=15>
<B>E-mail address:</B><INPUT TYPE="text" NAME="email" SIZE=20><BR>
<B>Billing and Shipping Addresses:</B>
<INPUT TYPE="CHECKBOX" NAME="same" onClick="CopyAddress();">
Ship to Billing Address
<BR>
<TEXTAREA NAME="billto" COLS=40 ROWS=4 onChange="CopyAddress();">
Enter your billing address here.
</TEXTAREA>
<TEXTAREA NAME="shipto" COLS=40 ROWS=4 onChange="CopyAddress();">
Enter your shipping address here.
</TEXTAREA>
<B>Products to Order:</B><BR>
Qty: <INPUT TYPE="TEXT" NAME="qty1" VALUE="0" SIZE=4
onChange = "UpdateCost(1, 40.00);">
Cost: <INPUT TYPE="TEXT" NAME="cost1" SIZE=6>
($40.00 ea) Fictional Spreadsheet 7.0 <BR>
Qty: <INPUT TYPE="TEXT" NAME="qty2" VALUE="0" SIZE=4
onChange = "UpdateCost(2, 69.95);">
Cost: <INPUT TYPE="TEXT" NAME="cost2" SIZE=6>
($69.95 ea) Fictional Word Processor 6.0<BR>
Qty: <INPUT TYPE="TEXT" NAME="qty3" VALUE="0" SIZE=4
onChange = "UpdateCost(3, 99.95);">
Cost: <INPUT TYPE="TEXT" NAME="cost3" SIZE=6>
($99.95 ea) Fictional Database 7.0 <BR>
Qty: <INPUT TYPE="TEXT" NAME="qty4" VALUE="0" SIZE=4
onChange = "UpdateCost(4, 4.95);">
Cost: <INPUT TYPE="TEXT" NAME="cost4" SIZE=6>
($4.95 ea) Instruction Booklet for the above <HR>
<B>Total Cost:</B>
<INPUT TYPE="TEXT" NAME="totalcost" SIZE=8><HR>
<B>Method of Payment</B>:
<SELECT NAME="payby">
<OPTION VALUE="check" SELECTED>Check or Money Order
<OPTION VALUE="cash">Cash or Cashier's Check
<OPTION VALUE="credit">Credit Card (specify number)
</SELECT><BR>
<B>Credit Card or Check Number:</B>:
<INPUT TYPE="TEXT" NAME="creditno" SIZE="20"><BR>
<INPUT TYPE="SUBMIT" NAME="submit" VALUE="Send Your Order">
<INPUT TYPE="RESET" VALUE="Start Over">
</FORM>
</BODY>
</HTML>