Tuesday 2 July 2013

HTML Easy Shop Online Form

HTML Easy Shop Online Form Program


HTML Code:


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<form type=get action="Untitled-1.html">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>EASY SHOP</title>
<style type="text/css">
body,td,th {
 color: #F00;
}
body {
 background-color: #000;
}
h1 {
 font-size: xx-large;
 color: #900;
}
h1,h2,h3,h4,h5,h6 {
 font-family: Georgia, "Times New Roman", Times, serif;
}
h2 {
 font-size: x-large;
}
</style>
</head>

<body>
<blockquote>
  <blockquote>
    <blockquote>
      <blockquote>
        <h1><strong>EASY SHOP</strong></h1>
      </blockquote>
    </blockquote>
  </blockquote>
</blockquote>
<h2>Complete Your Order</h2>
<p>Items that you ordered:</p>
<ul>
  <ul>
    <li><span dir="ltr"> </span>1 Kayak with rudder  for $775.00</li>
    <li><span dir="ltr"> </span>1 10L dry bag for  $15.00</li>
    <li><span dir="ltr"> </span>2 helmets for $50.00  each</li>
  </ul>
</ul>
<p>Total Cost for your Order is : $840.00</p>
<p>&nbsp;</p>
<p>FILL THE FOLLOWING INFORMATION TO COMPLETE YOUR ORDER: </p>
<p>NAME: 
  <input name="textarea" type="text" value="" maxlength="50"
  required="required" />
</p>
<p>ADDRESS:
  <textarea name="textarea2" required="required"></textarea>
</p>
<p>PHONE NUMBER: 
  <input name="textarea3" type="text" value="" maxlength="20" required="required"/>
</p>
<p>EMAIL ADDRESS:
  <input name="textarea4" type="text" required="required" value="" maxlength="20" /> 
.</p>
<p>DO YOU WANT TO - SHIP YOUR ORDER? 
  <input type="radio" name="1" value="" checked="checked"  required="required" />
</p>
<p>OR PICK-UP YOU ORDER? <input type="radio" name="1" value=" " />  
</p>
<p>CREDIT CARD TYPE:</p>
<p><input type="radio" name="2" value="" checked="checked" />VISE <br />
<input type="radio" name="2" value="" /> 
MASTER CARD <br /><input type="radio" name="2" value="" /> AMERICAN EXPRESS</p>
<p>CARD NUMBER : 
  <input name="textarea5" type="text" value="" maxlength="30" required="required" />
  <br /> 
</p>
<input type="submit" value="Submit">

</body>
</form>
</html>

No comments:

Post a Comment