La página a continuación es un ejemplo realizado como prueba de los diferentes elementos en HTML. Básicamente la funcionalidad de este es el permitir ingresar texto en cajas de texto, fecha utilizando el input type="date", número usando el input de number, se aplican los radios y checkbox junto a las listas desplegables y finalmente se implementan botones para subir los datos o borrar la información ingresada.
Código:
<html>
<head>
<title>
Formulario Ejemplo
</title>
</head>
<body bgcolor="lightgreen">
FICHA DE ESTUDIANTES DE TUTORIA<p>
<form name="datos">
Nombre:
<input type="TEXT" name="Nombre"><p>
Apellido:
<input type="TEXT" name="Apellido"><p>
Teléfono:
<input type="TEXT" name="Telefono"><p>
Fecha de nacimiento:
<input type="DATE" name="Fecha"><p>
Dirección:
<input type="TEXT" name="Direccion"><p>
Parroquia:<p>
<input type="RADIO" name="Parroquia">Pifo <p>
<input type="RADIO" name="Parroquia">Tababela <p>
<input type="RADIO" name="Parroquia">Yaruquí <p>
<input type="RADIO" name="Parroquia">Checa <p>
<input type="RADIO" name="Parroquia">El Quinche <p>
Género:<p>
<input type="RADIO" name="Genero">Masculino <p>
<input type="RADIO" name="Genero">Femenino <p>
Hobbies:<p>
<input type="checkbox" name="h01">Redes Sociales<p>
<input type="checkbox" name="h02">Juegos en Red<p>
<input type="checkbox" name="h03">Deportes<p>
<input type="checkbox" name="h04">Leer<p>
Número De Hermanos:<p>
<input type="number" name="Nhermanos"><p>
Estado Civil:<p>
<select name="Estado Civil">
<option>Soltero</option>
<option>Casado</option>
<option>Divorciado</option>
<option>Viudo</option>
</select>
<p>Comentarios:<p>
<textarea name="Comentarios" cols="32" rows="8">
</textarea><p>
<input type="Submit" name="boton1" value="Enviar">
<input type="Reset" name="boton2" value="Limpiar">
</form>
</body>
</html>
Funcionamiento de la Página:
No hay comentarios:
Publicar un comentario