Formulario

lo primero que hacemos es abrir el programa de nottepad ++ y luego implementamos los primeros codigos que me ban a servir para

colocar los nombres y apellidos

ENCABEZADO

luego el codigo para implementar el nombre y los apellidos

LUEGO LO EJECUTAMOSal ejecutarlo nos queda asi

luego implementamos los codigos par que en pantalla nos aparesca un mneu desplegable de

primer curso y segundo curso


ahora bamos a colcoarle al formulario una contraseña para ello le implementamos el

siguiente codigo


luego implementamos el codigo para asi poder obtener dos opciones que me digan

(SI) O (NO)


Hasat el momento el formulario esta asi

Luego implementamos el codigo de required en pantalla

CLIC


Luego implementamos un codigo que me sirba para obtener un calendario

LUEGO LO EJECUTAMOS

CLIC

al ejecutarlo nos queda asi

Luego implementamos un codigo para colocar el color y asi poder elegir a gusto para ello

implementamos el siguiente codigo

LUEGO LO EJECUTAMOS

al ejecutarlo nos queda asi

Luego implementamos el siguiente codigo para que me aparesca en pantalla una barra que me permite aumentar o disminuir la cantidad que

deseo


Finalmente el formulario nos queda asi

formularios en html5

<!DOCTYPE HTML>

<html>

<head>

<title>formulario de html</title><br/><br/></head>

<body>

<form action="envio.php" method="POST">

<label>su nombre es</label>

<input type="text"name="nombre"required/><br><br/>

<label>sus apellidos</label>

<input type="text"name="apellidos"/><br/><br/>

CODIGOS

APLICADOS PARA

EL FORMULARI

O

<label>tu correo:</label>

<input type="amail" value="[email protected]"><br><br/>

<label>fecha</label>

<input type="date"/><br><br/>

<label>color</label>

<input type="color"/><br><br/>

<input type="range"max="10" min="0" step="1"/><br/><br/>

<label>numero</label>

<input type="number"max="10" min="0" value="5"/><br/><br/>

<label>cuerso</label>

<select name=" cuerso">

<option value="1">primer curso</option>

<option value="2">segundo curso</option>

<option value="3">tercer curso</option>

</select>

<br/></br>

<label>contraseña<label>

<input type="password"name="contasenia"required/><br/><br/>

<label>repite</label>

<input type="radio"name="repite" value="opcion1">si</input>

<input type="radio"name="repite" value="opcion2">no</input><br/>

<input type="file"accept="acept/jpeg"/><br><br/>



<input type="submit"accept="enviar"/>

</body>

</html>

De esta forma es como poco a poco se ba creando el formulario

Para dar espacios siempre utilizo el código (br)

GRACIAS

Formulario

Documents

Transcript of Formulario