Pajunas de html5

226 views
166 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
226
On SlideShare
0
From Embeds
0
Number of Embeds
30
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Pajunas de html5

  1. 1. Presentado por: Viviana perenguezDrado: 11 computacionesDocente: José Ignacio re alpe
  2. 2. El primer código que vamos a utilizar es el del nombre y el de losapellidos.Este es el código de nombre y apellidos.
  3. 3. Al ejecutar podemos ver.
  4. 4. Luego seguimos con un menú despegable que seleccionael curso donde se encuentra.El código es el siguiente.
  5. 5. Lo que aparecerá al ejecutar es lo siguiente
  6. 6. Luego seguiremos con la contraseña para colocar anuestra página que pida contraseña se le colocara elsiguiente código.Al ejecutarlo encontraremos lo siguiente dondemiraremos que la contraseña no será visible sinoaparecerá en puntos.Al continuar colocaremos una opción que la dar clic lepodemos decirse o no.
  7. 7. El código es.Al ejecutarlo podemos ver que aparece lo siguiente.El siguiente códigos e lo selecciona para escoger unarchivo ya sea imagen o video.
  8. 8. El código es el siguiente.Y al ejecutar podremos ver que el resultado será elsiguienteOtro código es utilizando el requiere que se locoloca de esta manera en el siguiente código.
  9. 9. En la página web cuando no llenemos un datonos aparecerá así.Luego con este código saldrá el calendario.
  10. 10. Y al ejecutar lo encontraremos así.Colocamos el código para colocar color anuestra página web.
  11. 11. Y al ejecutar el código anterior así nos saldráel resultad.Y el código anterior será para opción del color.
  12. 12. Y al ejecutar el resultado será siguiente.Y el código con el cual terminaremos es el decolocar numero en nuestra página web.Y al ejecutar encontraremos lo siguiente.
  13. 13. El resultado de nuestra página será lasiguiente.Y el código con el cual hemos trabajado todolo anterior es el siguiente.Formularios en html5
  14. 14. <!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="tunombre@dominio.com"><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>
  15. 15. </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>

×