Pajunas de html5
16
Presentado por: Viviana perenguez Drado: 11 computaciones Docente: José Ignacio re alpe
-
Upload
kmilitha-estrada -
Category
Documents
-
view
139 -
download
2
Transcript of Pajunas de html5
Presentado por: Viviana perenguez
Drado: 11 computaciones
Docente: José Ignacio re alpe
El primer código que vamos a utilizar es el del nombre y el de los
apellidos.
Este es el código de nombre y apellidos.
Al ejecutar podemos ver.
Luego seguimos con un menú despegable que selecciona
el curso donde se encuentra.
El código es el siguiente.
Lo que aparecerá al ejecutar es lo siguiente
Luego seguiremos con la contraseña para colocar a
nuestra página que pida contraseña se le colocara el
siguiente código.
Al ejecutarlo encontraremos lo siguiente donde
miraremos que la contraseña no será visible sino
aparecerá en puntos.
Al continuar colocaremos una opción que la dar clic le
podemos decirse o no.
El código es.
Al ejecutarlo podemos ver que aparece lo siguiente.
El siguiente códigos e lo selecciona para escoger un
archivo ya sea imagen o video.
El código es el siguiente.
Y al ejecutar podremos ver que el resultado será el
siguiente
Otro código es utilizando el requiere que se lo
coloca de esta manera en el siguiente código.
En la página web cuando no llenemos un dato
nos aparecerá así.
Luego con este código saldrá el calendario.
Y al ejecutar lo encontraremos así.
Colocamos el código para colocar color a
nuestra página web.
Y al ejecutar el código anterior así nos saldrá
el resultad.
Y el código anterior será para opción del color.
Y al ejecutar el resultado será siguiente.
Y el código con el cual terminaremos es el de
colocar numero en nuestra página web.
Y al ejecutar encontraremos lo siguiente.
El resultado de nuestra página será la
siguiente.
Y el código con el cual hemos trabajado todo
lo anterior es el siguiente.
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/>
<label>tucorreo:</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 es una linea para seleccionar mediante opciones-->
<select name=" cuerso">
<option value="1">primer curso</option>
<optionvalue="2">segundo curso</option>
<option value="3">tercercurso</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/>
<!--el siguiente tag es para escoger un archivo-->
<input type="file"accept="acept/jpeg"/><br><br/>
<!--el siguiente boton sirve para enviar la informacion-->
<input type="submit"accept="enviar"/>
</body>
</html>
