logo htlm 5

Ejemplo de form con todos sus elementos cajas de texto, cajas encriptadas, caja de opciones, opciones de botón, listas desplegables, botones de imágenes, envio y borrado...

Código Resultado

<html>
<head>
<title>Formulario</title>
</head>

<body>

<form action="datos.php" method="get">
Nombre: <input type="text" name="nombre">
(texto)<br />
Contraseña: <input type="password" name="contra">
(encriptados)<br />
<p>¿Cuáles son sus pasatiempos favoritos?(caja de opciones) <br>
<input type="checkbox" name="pasa" value="tv">TV<br>
<input type="checkbox" name="pasa" value="libros">Libros<br>
<input type="checkbox" name="pasa" value="musica">Música<br>
<input type="checkbox" name="pasa" value="otros">Otros</p>
<p>Elija un color(opciones de radio) <br>
<input type="radio" name="col" value="red">Rojo<br>
<input type="radio" name="col" value="blue">Azul<br>
<input type="radio" name="col" value="green">Verde</p>
<p><select name="pasa">
<option value="tv">TV</option>
<option value="libros">Libros</option>
<option value="musica">Música</option>
<option value="cine">Cine</option>
<option value="teatro">Teatro</option>
<option value="caminar">Caminar</option>
<option value="otros">Otros</option>
</select>
(lista desplegable) </p>

<textarea name="eltexto" rows="5" cols="30">
Aquí podemos ingresar un texto introductorio si lo deseamos.
</textarea>
<p><input type="image" src="img/enviar.png">(boton de imagen)</p>
<p><input type="submit" value="Enviar">
<input type="reset" value="Borrar"></p>
</form>

</body>
</html>