90 lines
2.2 KiB
HTML
90 lines
2.2 KiB
HTML
|
<!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>
|