2021-11-02 18:52:45 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
|
|
|
<title>My Form Test</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<h2>Sign-Up Form</h2>
|
|
|
|
|
<form>
|
|
|
|
|
<label for="fname" >Name:</label>
|
2021-11-02 19:20:54 +01:00
|
|
|
<input type="text" name="fname" placeholder="John" required ><br />
|
2021-11-02 18:52:45 +01:00
|
|
|
<label for="fsurname" >Surname:</label>
|
2021-11-02 19:20:54 +01:00
|
|
|
<input type="text" name="fsurname" placeholder="Smith" required ><br />
|
2021-11-02 18:52:45 +01:00
|
|
|
<label for="fbirthday" >Birthday:</label>
|
2021-11-02 19:20:54 +01:00
|
|
|
<input type="date" name="fbirthday" required ><br />
|
2021-11-02 18:52:45 +01:00
|
|
|
<label for="fdni" >DNI:</label>
|
2021-11-02 19:20:54 +01:00
|
|
|
<input type="text" name="fdni" pattern="[0-9]{8}[A-Z]" placeholder="12345678A" required ><br />
|
2021-11-02 18:52:45 +01:00
|
|
|
|
|
|
|
|
<label for="fsex" >Sex:</label><br />
|
2021-11-02 19:20:54 +01:00
|
|
|
<input type="radio" id="male" name="fsex" value="Male" required >
|
2021-11-02 18:52:45 +01:00
|
|
|
<label for="male" >Male</label><br />
|
|
|
|
|
<input type="radio" id="female" name="fsex" value="Female" >
|
|
|
|
|
<label for="female" >Female</label><br />
|
|
|
|
|
|
|
|
|
|
<label for="faddress" >Address:</label>
|
|
|
|
|
<input type="text" name="faddress" ><br />
|
|
|
|
|
<label for="fzipcode" >ZIP Code:</label>
|
|
|
|
|
<input type="text" name="fzipcode" pattern="[0-9]+" ><br />
|
|
|
|
|
|
|
|
|
|
<input type="submit" >
|
|
|
|
|
</form>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
