<!DOCTYPE html>
<html lang="es">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Ejercicio Tema III: Tablas y Formularios</title>
		<style>
table{
	width: 100%;
}
td {
	border: 1px solid;
}
		</style>
	</head>
	<body>
		<h1>Ejercicio Tema III: Tablas y Formularios</h1>
		<h2>Formulario I</h2>
		<form>
			<label for="fuser" >Usuario</label>
			<input type="text" name="fuser" required ><br />
			<label for="fpasswd" >Contraseña</label>
			<input type="password" name="fpasswd" required ><br />

			<label for="fsex" >Sexo:</label><br />
			<input type="radio" id="male" name="fsex" value="Hombre" required >
			<label for="male" >Hombre</label><br />
			<input type="radio" id="female" name="fsex" value="Mujer" >
			<label for="female" >Mujer</label><br />

			<input type="checkbox" name="fremember" value="Recordar" >
			<label for="fremember" >Recordar</label><br />

			<input type="submit" >
		</form>

		<h2>Formulario II</h2>
		<form>
			<label for="fbirthday" >¿Cuál es su fecha de nacimiento?</label>
			<input type="date" name="fbirthday" >
		</form>

		<h2>Formulario III</h2>
		<form>
			<label for="fprovince" >Seleccione su provincia</label><br />
			<select name="fprovince" >
				<optgroup label="Cantabria" >
					<option value="santander" >Santander</option>
				</optgroup>
				<optgroup label="Castilla y León" >
					<option value="avila" >Ávila</option>
					<option value="burgos" >Burgos</option>
					<option value="leon" >León</option>
					<option value="palencia" >Palencia</option>
					<option value="segovia" >Segovia</option>
					<option value="soria" >Soria</option>
					<option value="salamanca" >Salamanca</option>
					<option value="valladolid" >Valladolid</option>
					<option value="zamora" >Zamora</option>
				</optgroup>
			</select>
			<input type="submit" >
		</form>

		<h2>Tabla I</h2>
		<table>
			<tr>
				<td>Test</td>
				<td>Test</td>
				<td colspan="2" >Test</td>
			</tr>
			<tr>
				<td>Test</td>
				<td colspan="2" >Test</td>
				<td rowspan="2" >Test</td>
			</tr>
			<tr>
				<td rowspan="3" >Test</td>
				<td>Test</td>
				<td>Test</td>
			</tr>
			<tr>
				<td colspan="3" >Test</td>
			</tr>
			<tr>
				<td colspan="3" >Test</td>
			</tr>
		</table>
	</body>
</html>