<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(event){
alert("Contact form submitted!");
event.preventDefault();
});
<!-- Göm
function rullgardin(meny){
var URL = document.meny.adress.options[document.meny.adress.selectedIndex].value;
window.location.href = URL;
}
// Sluta gömma -->
});
</script>
<link rel="stylesheet" type="text/css" href="contact.css" />
<title>Contact</title>
</head>
<body>
<form id=payment>
<fieldset>
<legend>Your details</legend>
<ol>
<li>
<label for=name>Name</label>
<input id=name name=name type=text placeholder="First and last name" required autofocus>
</li>
<li>
<label for=email>Email</label>
<input id=email name=email type=email placeholder="
[email protected]" required>
</li>
<li>
<label for=phone>Phone</label>
<input id=phone name=phone type=tel placeholder="Eg. +447500000000" required>
</li>
<li>
<FORM NAME="meny">
<P>Country:
<SELECT NAME="adress" SIZE="1">
<OPTION VALUE="jscript.html">Africa
<OPTION VALUE="jscript2.html">America
<OPTION VALUE="jscript3.html">Antarctica
<OPTION VALUE="jscript4.html">Asia
<OPTION VALUE="jscript5.html">Europe
</SELECT>
<INPUT TYPE="button" VALUE="Choose" onClick="javascript
:rullgardin()">
</FORM>
</li>
</ol>
</fieldset>
<fieldset>
<legend>Delivery address</legend>
<ol>
<li>
<label for=address>Address</label>
<textarea id=address name=address rows=5 required></textarea>
</li>
<li>
<label for=postcode>Post code</label>
<input id=postcode name=postcode type=text required>
</li>
<li>
<label for=country>Country</label>
<input id=country name=country type=text required>
</li>
</ol>
</fieldset>
<fieldset>
<legend>Card details</legend>
<ol>
<li>
<fieldset>
<legend>Gender</legend>
<ol>
<li>
<input id=male name=gender type=radio>
<label for=male>Male</label>
</li>
<li>
<input id=woman name=gender type=radio>
<label for=woman>Woman</label>
</li>
</ol>
</fieldset>
</li>
<li>
<label for=cardnumber>Card number</label>
<input id=cardnumber name=cardnumber type=number required>
</li>
<li>
<label for=secure>Security code</label>
<input id=secure name=secure type=number required>
</li>
<li>
<label for=namecard>Name on card</label>
<input id=namecard name=namecard type=text placeholder="Exact name as on the card" required>
</li>
</ol>
</fieldset>
<fieldset>
<button type=submit>Send!</button>
</fieldset>
</form>
</body>
</style>
</html>