141 lines
5.7 KiB
HTML
141 lines
5.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<!--
|
||
|
|
To change this license header, choose License Headers in Project Properties.
|
||
|
|
To change this template file, choose Tools | Templates
|
||
|
|
and open the template in the editor.
|
||
|
|
-->
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<style type="text/css" >
|
||
|
|
body { width:600px; margin-left:auto; margin-right:auto; }
|
||
|
|
form { background-color:#efefef; }
|
||
|
|
.under { text-decoration:underline; }
|
||
|
|
</style>
|
||
|
|
<title>Registration</title>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div>
|
||
|
|
<h1><strong>User Registration</strong></h1>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<a>Please complete the following form to register with our site:</a><br />
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<form action="http://example.com" method="get">
|
||
|
|
<fieldset accesskey="Y">
|
||
|
|
<legend>About <a class="under">Y</a>ou(ALT + Y)</legend>
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label for="user_name">User name:</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" name="user_name" id="user_name"/>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label for="password">Password:</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<input type="password" name="password" id="password"/>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label for="check_password">Confirm Password:</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<input type="password" name="check_password" id="check_password"/>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td> </td>
|
||
|
|
<td> </td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label for="first_name">First name:</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" name="first_name" id="first_name"/>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label for="last_name">Last name:</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" name="last_name" id="last_name"/>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td> </td>
|
||
|
|
<td> </td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label for="mail">Email address:</label>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" name="mail" id="mail"/>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td> </td>
|
||
|
|
<td> </td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Gender</td>
|
||
|
|
<td>
|
||
|
|
<input type="checkbox" name="male" value="1">Male<br />
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td> </td>
|
||
|
|
<td>
|
||
|
|
<input type="checkbox" name="female" value="2">Female<br />
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</fieldset>
|
||
|
|
<fieldset accesskey="U">
|
||
|
|
<legend>About <a class="under">U</a>s (ALT + U)</legend>
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label for="hear">How did you hear about us ?</label></td>
|
||
|
|
<td>
|
||
|
|
<select id="hear">
|
||
|
|
<option>Select answer</option>
|
||
|
|
<option> Family </option>
|
||
|
|
<option> Internet </option>
|
||
|
|
<option> Newspaper </option>
|
||
|
|
</select>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td> </td>
|
||
|
|
<td> </td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<a>Please select this box if you wish to be added to our mailing list.</a>
|
||
|
|
<div>
|
||
|
|
<small>We will not pass on your details to any third party.</small>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<input type="checkbox" name="mailing" value="3" />
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</fieldset>
|
||
|
|
<input type="submit" name="register" value="Register now" />
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|