Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <script>
- function Validatename() {
- }
- </script>
- <head>
- <link rel="stylesheet" href="FizzyStyle.css">
- </head>
- <h1> Fizzy Drink Order </h1>
- <div style="float:left;"> <!-- Form Text -->
- First Name: </br></br>
- Address: <br></br><br></br><br></br></br>
- Phone Number: <br></br></br>
- Email Address: <br></br>
- Box Size: <br></br>
- Number of Boxes: <br></br>
- Total Price: <br></br></br>
- Delivery Option: <br></br>
- Price of Boxes: <br></br>
- Price of Postage: <br></br>
- Total Price: <br></br>
- I agree to the terms<br> and conditions:
- </div>
- <div> <!-- Form Boxes -->
- <form name="FizForm" onSubmit="Validate();" action="mailto:839193@swansea.ac.uk" method=post>
- <input type="text" placeholder="First Name" name="FirstName" required>
- <input type="text" placeholder="Second Name" name="SecondName" required></br></br>
- <input type="text" placeholder="Address Line 1" name="Add1" required><br></br>
- <input type="text" placeholder="Address Line 2" name="Add2"><br></br>
- <input type="text" placeholder="Address Line 3" name="Add3"><br></br>
- <input type="text" placeholder="Phone Number" name="Pnum"><br></br>
- <input type="text" placeholder="Email Address" name="Email"><br></br>
- <input name="radio" type="radio" checked>20 can box (£5)<input name="radio40" type="radio">40 can box (£10)<input name="radio60" type="radio">60 can box (£15)<br></br>
- <input type="number" min="1" max="10" name="BoxNum" required><br></br>
- <button type="button" onClick>Calculate Cost</button><input type="text" name="cost" readonly></br></br></br>
- <select name="DelOpt" required>
- <option name="E">Economy</option>
- <option name="P">Premium</option>
- <option name="ND">Next Day</option>
- <option name="ND9">Next Day(9am)</option>
- </select></br>
- <input type="text" name="BoxPrice" readonly></br><br>
- <input type="text" name="PostagePrice"readonly></br><br>
- <input type="text" name="TotalPrice" readonly></br><br>
- <input type="checkbox" name="TandC"><br></br>
- <input type="submit">
- </form>
- </div>
- <script>
- function Validate() {
- if (document.FizForm.FirstName.value.length <= 1){
- alert("Please enter your full name");
- return false;
- }
- }
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement