40 lines
1.2 KiB
HTML
40 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Html5</title>
|
|
<meta charset="UTF-8">
|
|
<style>
|
|
fieldset {border: 1px solid black;}
|
|
span {margin-right: 24px;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<form action="mailto:your.mail.address@mail.com" method="post" enctype="text/plain">
|
|
<fieldset>
|
|
<legend><i>Customer</i></legend>
|
|
First and second name: <input type="text" name="customerName" required placeholder="First and second name"><br>
|
|
Address: <input type="text" name="customerAddress" required><br>
|
|
Postal code: <input type="text" name="customerPostalCode" size="4" maxlength="5" required pattern="[0-9]"><br>
|
|
Country: <input type="text" name="customerCountry" readonly value="Spain">
|
|
</fieldset>
|
|
<br>
|
|
<fieldset>
|
|
<legend><i>Order</i></legend>
|
|
Model: <input type="text" name="orderModel" readonly value="Road 66"><br>
|
|
Size: <br>
|
|
<input type="range" name="orderSize" min="1" max="4" step="1" value="2">
|
|
<div>
|
|
<span>S</span>
|
|
<span>M</span>
|
|
<span>L</span>
|
|
<span>XL</span>
|
|
</div>
|
|
<br>
|
|
Quantity: <input type="number" name="orderQuantity" min="1" max="4" step="1" value="1"><br>
|
|
</fieldset>
|
|
<br>
|
|
<input type="submit" value="Submit order">
|
|
<input type="reset" value="Abort order">
|
|
</form>
|
|
</body>
|
|
</html> |