SlideShare uma empresa Scribd logo
1 de 16
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="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>
</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>
Códigos HTML5 para formularios

Mais conteúdo relacionado

Mais procurados

Mais procurados (13)

Manual Cuadro Google Reader
Manual Cuadro Google ReaderManual Cuadro Google Reader
Manual Cuadro Google Reader
 
Programacion
ProgramacionProgramacion
Programacion
 
Claves primarias y ajenas
Claves primarias y ajenasClaves primarias y ajenas
Claves primarias y ajenas
 
Presentacion everyoneweb
Presentacion everyonewebPresentacion everyoneweb
Presentacion everyoneweb
 
Rc
RcRc
Rc
 
Revista digital terminada
Revista digital terminadaRevista digital terminada
Revista digital terminada
 
Revista digital terminada
Revista digital terminadaRevista digital terminada
Revista digital terminada
 
Mendeziuhiu
MendeziuhiuMendeziuhiu
Mendeziuhiu
 
Registro y uso de .com.ar
Registro y uso de .com.arRegistro y uso de .com.ar
Registro y uso de .com.ar
 
Registro y uso de .com.ar
Registro y uso de .com.arRegistro y uso de .com.ar
Registro y uso de .com.ar
 
Codigo visual basic
Codigo visual basicCodigo visual basic
Codigo visual basic
 
Maquetacion+
Maquetacion+Maquetacion+
Maquetacion+
 
Trabajo Practico 3
Trabajo Practico 3Trabajo Practico 3
Trabajo Practico 3
 

Destaque (10)

Aida perez (4)
Aida perez (4)Aida perez (4)
Aida perez (4)
 
Codigo de la spaguinas
Codigo de la spaguinasCodigo de la spaguinas
Codigo de la spaguinas
 
Tercera página en dreamweaver
Tercera  página en dreamweaverTercera  página en dreamweaver
Tercera página en dreamweaver
 
Desastres naturales: sismos
Desastres naturales: sismosDesastres naturales: sismos
Desastres naturales: sismos
 
Manual del servicio al cliente
Manual del servicio al clienteManual del servicio al cliente
Manual del servicio al cliente
 
20
2020
20
 
22
2222
22
 
17
1717
17
 
18
1818
18
 
19
1919
19
 

Semelhante a Códigos HTML5 para formularios

Formulario html 5 pipe
Formulario html 5 pipeFormulario html 5 pipe
Formulario html 5 pipe070810pipe
 
Formulario de html 5
Formulario de html 5Formulario de html 5
Formulario de html 5taniamabel
 
Objetos geometricos en flash
Objetos geometricos en flashObjetos geometricos en flash
Objetos geometricos en flashYurani Morales
 
Cristian gutierrez y jerson rodrigez
Cristian gutierrez y jerson rodrigezCristian gutierrez y jerson rodrigez
Cristian gutierrez y jerson rodrigezjersonrodrigez15
 
Sintesis de la funcion
Sintesis de la funcionSintesis de la funcion
Sintesis de la funcionjiosdifjoas
 
Sintesis de la funcion
Sintesis de la funcionSintesis de la funcion
Sintesis de la funcionhjxbfajds
 
Manual de Instalación de Windows XP
Manual de Instalación de Windows XPManual de Instalación de Windows XP
Manual de Instalación de Windows XPkenni117
 
Instalación de Windows XP
Instalación de  Windows XPInstalación de  Windows XP
Instalación de Windows XPkenni117
 
Universidad politécnica salesiana
Universidad politécnica salesianaUniversidad politécnica salesiana
Universidad politécnica salesianadavidperezv
 
Menu de programas
Menu de programasMenu de programas
Menu de programasesthela2213
 
Programa5 diapositivas
Programa5 diapositivasPrograma5 diapositivas
Programa5 diapositivasRosaCGlez
 
Tuto keepass
Tuto keepassTuto keepass
Tuto keepassgaby_yane
 
Sintesis de la funcion
Sintesis de la funcionSintesis de la funcion
Sintesis de la funciongfthdyj
 
Sintesis de la funcion
Sintesis de la funcionSintesis de la funcion
Sintesis de la funciongfthdyj
 
PROGRAMACIÓN DE CODIGOS DE PHP
PROGRAMACIÓN DE CODIGOS DE PHPPROGRAMACIÓN DE CODIGOS DE PHP
PROGRAMACIÓN DE CODIGOS DE PHPVanHe17
 
PROGRAMACIÓN DE CODIGOS DE PHP
PROGRAMACIÓN DE CODIGOS DE PHPPROGRAMACIÓN DE CODIGOS DE PHP
PROGRAMACIÓN DE CODIGOS DE PHPVanHe17
 

Semelhante a Códigos HTML5 para formularios (20)

Formulario html 5 pipe
Formulario html 5 pipeFormulario html 5 pipe
Formulario html 5 pipe
 
Formulario
FormularioFormulario
Formulario
 
Formulario de html 5
Formulario de html 5Formulario de html 5
Formulario de html 5
 
Objetos geometricos en flash
Objetos geometricos en flashObjetos geometricos en flash
Objetos geometricos en flash
 
Formularios en html555
Formularios en html555Formularios en html555
Formularios en html555
 
Formulario html 5
Formulario html 5Formulario html 5
Formulario html 5
 
Programa14
Programa14Programa14
Programa14
 
Cristian gutierrez y jerson rodrigez
Cristian gutierrez y jerson rodrigezCristian gutierrez y jerson rodrigez
Cristian gutierrez y jerson rodrigez
 
Sintesis de la funcion
Sintesis de la funcionSintesis de la funcion
Sintesis de la funcion
 
Sintesis de la funcion
Sintesis de la funcionSintesis de la funcion
Sintesis de la funcion
 
Manual de Instalación de Windows XP
Manual de Instalación de Windows XPManual de Instalación de Windows XP
Manual de Instalación de Windows XP
 
Instalación de Windows XP
Instalación de  Windows XPInstalación de  Windows XP
Instalación de Windows XP
 
Universidad politécnica salesiana
Universidad politécnica salesianaUniversidad politécnica salesiana
Universidad politécnica salesiana
 
Menu de programas
Menu de programasMenu de programas
Menu de programas
 
Programa5 diapositivas
Programa5 diapositivasPrograma5 diapositivas
Programa5 diapositivas
 
Tuto keepass
Tuto keepassTuto keepass
Tuto keepass
 
Sintesis de la funcion
Sintesis de la funcionSintesis de la funcion
Sintesis de la funcion
 
Sintesis de la funcion
Sintesis de la funcionSintesis de la funcion
Sintesis de la funcion
 
PROGRAMACIÓN DE CODIGOS DE PHP
PROGRAMACIÓN DE CODIGOS DE PHPPROGRAMACIÓN DE CODIGOS DE PHP
PROGRAMACIÓN DE CODIGOS DE PHP
 
PROGRAMACIÓN DE CODIGOS DE PHP
PROGRAMACIÓN DE CODIGOS DE PHPPROGRAMACIÓN DE CODIGOS DE PHP
PROGRAMACIÓN DE CODIGOS DE PHP
 

Mais de Kmilitha Estrada (20)

Segunda página en dreamweaver
Segunda  página en dreamweaverSegunda  página en dreamweaver
Segunda página en dreamweaver
 
Primera página en dreamweaver
Primera página en dreamweaverPrimera página en dreamweaver
Primera página en dreamweaver
 
Primero metemos las fotos las importamos flash
Primero metemos las fotos las importamos  flashPrimero metemos las fotos las importamos  flash
Primero metemos las fotos las importamos flash
 
Maquetacion2
Maquetacion2Maquetacion2
Maquetacion2
 
Maquetacion+
Maquetacion+Maquetacion+
Maquetacion+
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Kmii
KmiiKmii
Kmii
 
Kmii
KmiiKmii
Kmii
 
Kmilitha 1.
Kmilitha 1.Kmilitha 1.
Kmilitha 1.
 
Kmilithaa4
Kmilithaa4Kmilithaa4
Kmilithaa4
 
Kmilitha3
Kmilitha3Kmilitha3
Kmilitha3
 
Kmilitha 2
Kmilitha 2Kmilitha 2
Kmilitha 2
 
Kmilitha
KmilithaKmilitha
Kmilitha
 
Kmilitha
KmilithaKmilitha
Kmilitha
 
Cami clic de pelicula
Cami clic de peliculaCami clic de pelicula
Cami clic de pelicula
 
Camila botones
Camila botonesCamila botones
Camila botones
 
Mantenimientod e un computador
Mantenimientod e un computadorMantenimientod e un computador
Mantenimientod e un computador
 
Cate tqm
Cate tqmCate tqm
Cate tqm
 
Como crear botones pulsantes
Como crear botones pulsantesComo crear botones pulsantes
Como crear botones pulsantes
 

Códigos HTML5 para formularios

  • 1. Presentado por: Viviana perenguez Drado: 11 computaciones Docente: José Ignacio re alpe
  • 2. 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.
  • 4. Luego seguimos con un menú despegable que selecciona el curso donde se encuentra. El código es el siguiente.
  • 5. Lo que aparecerá al ejecutar es lo siguiente
  • 6. 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.
  • 7. 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.
  • 8. 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.
  • 9. En la página web cuando no llenemos un dato nos aparecerá así. Luego con este código saldrá el calendario.
  • 10. Y al ejecutar lo encontraremos así. Colocamos el código para colocar color a nuestra página web.
  • 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. 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.
  • 13. 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
  • 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. </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>