SlideShare uma empresa Scribd logo
1 de 10
Formularios html5
Es un formulario en la página web
El primer código que vamos a utilizar es el del nombre y el de los
apellidos
Lo que sale
Luego un menú despegable que selecciona el curso donde se
encuentra un ejemplo el código es este
Escribimos el código continuando
Lo que aparecerá en nuestra página de esta manera
En algunos formularios se pide contraseña para colocarle a
nuestra página que pida contraseña se le coloca el siguiente código
En la página aparecerá un espacio donde se colocara la contraseña
Para colocar una opción que con darle clic se seleccione por
ejemplo si se repite el año o no
Utilizamos el siguiente código donde el type de radio hace el
círculo donde se va a seleccionar la opción
Al ejecutarlo en la página web nos quedara así
Otro ejemplo
El siguiente código se lo utiliza para escoger un archivo ya sea
audio video o imagen a la página que se quiere enviar
Así de esta manera
Le damos en seleccionar y nos abre una ventana que abre un
archivo de nuestra PC
Seleccione una imagen ya que le puse así en el codigo
Nuestro código va quedando de esta manera
Y nuestra pagina web esta de esta manera
Otros códigos utilizados son el requiered que se lo coloca de esta
manera
En la página web cuando no se llena un espacio dice completa este
campo de esta manera
Luego con este código sale el calendario
Como se lo muestra en la página web
Ahora el código para colocar una opción de color en nuestra
página es
Así sale
Y el código anterior es para la opacidad del color
Así nos saldrá en nuestra página al ejecutarlo
Y el último código es colocar la opción de números en nuestra
página
Así como esto
Nuestra página aparecerá así finalmente

Mais conteúdo relacionado

Mais procurados

Partes de una web
Partes de una webPartes de una web
Partes de una webomargerman
 
Photoshop practica 8
Photoshop practica 8Photoshop practica 8
Photoshop practica 8narcesy
 
Uso de hipervinculos, marcos y video en dw
Uso de hipervinculos, marcos y video en dwUso de hipervinculos, marcos y video en dw
Uso de hipervinculos, marcos y video en dwJulioMezaLasalle
 
Tutorial de blogger
Tutorial de bloggerTutorial de blogger
Tutorial de bloggerpruebass
 
Tema 03 formateando texto en html
Tema 03 formateando texto en htmlTema 03 formateando texto en html
Tema 03 formateando texto en htmlSalomon Aquino
 
Sacale El Maximo A Tu Cuenta De Yahoo
Sacale El Maximo A Tu Cuenta De YahooSacale El Maximo A Tu Cuenta De Yahoo
Sacale El Maximo A Tu Cuenta De YahooGuillermo Bermejo
 
Redireccionar paginas
Redireccionar paginasRedireccionar paginas
Redireccionar paginasAnki Tics
 
Presentacion everyoneweb
Presentacion everyonewebPresentacion everyoneweb
Presentacion everyonewebpaolove
 
Publicar entrada-segundaparte
Publicar entrada-segundapartePublicar entrada-segundaparte
Publicar entrada-segundapartelaurititalopez
 

Mais procurados (12)

Partes de una web
Partes de una webPartes de una web
Partes de una web
 
Photoshop practica 8
Photoshop practica 8Photoshop practica 8
Photoshop practica 8
 
Uso de hipervinculos, marcos y video en dw
Uso de hipervinculos, marcos y video en dwUso de hipervinculos, marcos y video en dw
Uso de hipervinculos, marcos y video en dw
 
Tutorial de blogger
Tutorial de bloggerTutorial de blogger
Tutorial de blogger
 
Tema 03 formateando texto en html
Tema 03 formateando texto en htmlTema 03 formateando texto en html
Tema 03 formateando texto en html
 
Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
 
De blogger a wordpress
De blogger a wordpressDe blogger a wordpress
De blogger a wordpress
 
Sacale El Maximo A Tu Cuenta De Yahoo
Sacale El Maximo A Tu Cuenta De YahooSacale El Maximo A Tu Cuenta De Yahoo
Sacale El Maximo A Tu Cuenta De Yahoo
 
Redireccionar paginas
Redireccionar paginasRedireccionar paginas
Redireccionar paginas
 
Presentacion everyoneweb
Presentacion everyonewebPresentacion everyoneweb
Presentacion everyoneweb
 
Que es un blog
Que es un blogQue es un blog
Que es un blog
 
Publicar entrada-segundaparte
Publicar entrada-segundapartePublicar entrada-segundaparte
Publicar entrada-segundaparte
 

Destaque

HTML5 la revolución!
HTML5 la revolución!HTML5 la revolución!
HTML5 la revolución!maspixel
 
HTML5: empieza hoy
HTML5: empieza hoyHTML5: empieza hoy
HTML5: empieza hoyMarta Armada
 
Introducción a HTML5 y CSS3 - ArtMedia 2011
Introducción a HTML5 y CSS3 - ArtMedia 2011Introducción a HTML5 y CSS3 - ArtMedia 2011
Introducción a HTML5 y CSS3 - ArtMedia 2011Hernan Beati
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Paradigma Digital
 
¿Como hacer un pseudocodigo y diagrama de flujo?
¿Como hacer un pseudocodigo y diagrama de flujo?¿Como hacer un pseudocodigo y diagrama de flujo?
¿Como hacer un pseudocodigo y diagrama de flujo?grachika
 
Cuaderno de-ejercicios-y-practicas-php
Cuaderno de-ejercicios-y-practicas-phpCuaderno de-ejercicios-y-practicas-php
Cuaderno de-ejercicios-y-practicas-phplgcj1989
 
Users - Desarrollo PHP + MySQL
Users - Desarrollo PHP + MySQLUsers - Desarrollo PHP + MySQL
Users - Desarrollo PHP + MySQLAndrés Pizarro
 
Manual user diseño web con html y css
Manual user   diseño web con html y cssManual user   diseño web con html y css
Manual user diseño web con html y cssJose Luis Fernandez
 
52 ejercicios-resueltos-en-pseudocodigo
52 ejercicios-resueltos-en-pseudocodigo52 ejercicios-resueltos-en-pseudocodigo
52 ejercicios-resueltos-en-pseudocodigoepetekaun
 
Buenas Prácticas de Programación en PHP
Buenas Prácticas de Programación en PHPBuenas Prácticas de Programación en PHP
Buenas Prácticas de Programación en PHPJesus Castagnetto
 
HTML5 y CSS3: como sacarles partido hoy
HTML5 y CSS3: como sacarles partido hoyHTML5 y CSS3: como sacarles partido hoy
HTML5 y CSS3: como sacarles partido hoyFRONTDAYS
 

Destaque (16)

HTML5 la revolución!
HTML5 la revolución!HTML5 la revolución!
HTML5 la revolución!
 
HTML5 y CSS3
HTML5 y CSS3HTML5 y CSS3
HTML5 y CSS3
 
Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
Todo sobre HTML5
 
ejercicios php rfo
ejercicios php rfoejercicios php rfo
ejercicios php rfo
 
Html5 css3
Html5 css3Html5 css3
Html5 css3
 
HTML5: empieza hoy
HTML5: empieza hoyHTML5: empieza hoy
HTML5: empieza hoy
 
Introducción HTML5 y CSS3
Introducción HTML5 y CSS3Introducción HTML5 y CSS3
Introducción HTML5 y CSS3
 
Introducción a HTML5 y CSS3 - ArtMedia 2011
Introducción a HTML5 y CSS3 - ArtMedia 2011Introducción a HTML5 y CSS3 - ArtMedia 2011
Introducción a HTML5 y CSS3 - ArtMedia 2011
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
 
¿Como hacer un pseudocodigo y diagrama de flujo?
¿Como hacer un pseudocodigo y diagrama de flujo?¿Como hacer un pseudocodigo y diagrama de flujo?
¿Como hacer un pseudocodigo y diagrama de flujo?
 
Cuaderno de-ejercicios-y-practicas-php
Cuaderno de-ejercicios-y-practicas-phpCuaderno de-ejercicios-y-practicas-php
Cuaderno de-ejercicios-y-practicas-php
 
Users - Desarrollo PHP + MySQL
Users - Desarrollo PHP + MySQLUsers - Desarrollo PHP + MySQL
Users - Desarrollo PHP + MySQL
 
Manual user diseño web con html y css
Manual user   diseño web con html y cssManual user   diseño web con html y css
Manual user diseño web con html y css
 
52 ejercicios-resueltos-en-pseudocodigo
52 ejercicios-resueltos-en-pseudocodigo52 ejercicios-resueltos-en-pseudocodigo
52 ejercicios-resueltos-en-pseudocodigo
 
Buenas Prácticas de Programación en PHP
Buenas Prácticas de Programación en PHPBuenas Prácticas de Programación en PHP
Buenas Prácticas de Programación en PHP
 
HTML5 y CSS3: como sacarles partido hoy
HTML5 y CSS3: como sacarles partido hoyHTML5 y CSS3: como sacarles partido hoy
HTML5 y CSS3: como sacarles partido hoy
 

Semelhante a Formularios HTML5: Códigos y ejemplos

Semelhante a Formularios HTML5: Códigos y ejemplos (20)

Formulario en html 5
Formulario en html 5Formulario en html 5
Formulario en html 5
 
Formularios en html555
Formularios en html555Formularios en html555
Formularios en html555
 
Formulario html 5 pipe
Formulario html 5 pipeFormulario html 5 pipe
Formulario html 5 pipe
 
Sitio web 11d
Sitio web 11dSitio web 11d
Sitio web 11d
 
Objetos geometrico en flash
Objetos geometrico en flashObjetos geometrico en flash
Objetos geometrico en flash
 
1 sintesis de la funcion
1 sintesis de la funcion1 sintesis de la funcion
1 sintesis de la funcion
 
Objetos geometricos en flash
Objetos geometricos en flashObjetos geometricos en flash
Objetos geometricos en flash
 
Front Page ==
Front Page ==Front Page ==
Front Page ==
 
Crear blogs
Crear blogsCrear blogs
Crear blogs
 
Insertar datos my_sql
Insertar datos my_sqlInsertar datos my_sql
Insertar datos my_sql
 
Formulario html 5
Formulario html 5Formulario html 5
Formulario html 5
 
Creacion De Sitio en Mex.tl
Creacion De Sitio en Mex.tlCreacion De Sitio en Mex.tl
Creacion De Sitio en Mex.tl
 
Tt erezaa
Tt erezaaTt erezaa
Tt erezaa
 
Tt erezaa
Tt erezaaTt erezaa
Tt erezaa
 
Tt erezaa
Tt erezaaTt erezaa
Tt erezaa
 
Tt erezaa
Tt erezaaTt erezaa
Tt erezaa
 
Tt erezaa
Tt erezaaTt erezaa
Tt erezaa
 
Tt erezaa
Tt erezaaTt erezaa
Tt erezaa
 
Tt erezaa
Tt erezaaTt erezaa
Tt erezaa
 
Tt erezaa
Tt erezaaTt erezaa
Tt erezaa
 

Mais de Danita Viteri

Paginas con Dreamweaver
Paginas con DreamweaverPaginas con Dreamweaver
Paginas con DreamweaverDanita Viteri
 
Movimiento personalizado con photoshop y flash
Movimiento personalizado con photoshop y flashMovimiento personalizado con photoshop y flash
Movimiento personalizado con photoshop y flashDanita Viteri
 
Exportacion de graficos desde photoshop
Exportacion de graficos desde photoshopExportacion de graficos desde photoshop
Exportacion de graficos desde photoshopDanita Viteri
 
Mantenimiento del computador
Mantenimiento del computadorMantenimiento del computador
Mantenimiento del computadorDanita Viteri
 
Estructura de una página web con estilo y heard
Estructura de una página web con estilo y heardEstructura de una página web con estilo y heard
Estructura de una página web con estilo y heardDanita Viteri
 
Formas y Degradados en Flash
Formas y Degradados en FlashFormas y Degradados en Flash
Formas y Degradados en FlashDanita Viteri
 
Como crear objetos visuales en la pantalla
Como crear objetos visuales en la pantallaComo crear objetos visuales en la pantalla
Como crear objetos visuales en la pantallaDanita Viteri
 
programación en flash codigos
programación en flash codigosprogramación en flash codigos
programación en flash codigosDanita Viteri
 
programación en flash codigos
programación en flash codigosprogramación en flash codigos
programación en flash codigosDanita Viteri
 
Condicionales en php
Condicionales en phpCondicionales en php
Condicionales en phpDanita Viteri
 
Entorno de trabajo en flash
Entorno de trabajo en flashEntorno de trabajo en flash
Entorno de trabajo en flashDanita Viteri
 

Mais de Danita Viteri (20)

Paginas con Dreamweaver
Paginas con DreamweaverPaginas con Dreamweaver
Paginas con Dreamweaver
 
Movimiento personalizado con photoshop y flash
Movimiento personalizado con photoshop y flashMovimiento personalizado con photoshop y flash
Movimiento personalizado con photoshop y flash
 
Exportacion de graficos desde photoshop
Exportacion de graficos desde photoshopExportacion de graficos desde photoshop
Exportacion de graficos desde photoshop
 
Puertos de un pc
Puertos de un pcPuertos de un pc
Puertos de un pc
 
Mantenimiento del computador
Mantenimiento del computadorMantenimiento del computador
Mantenimiento del computador
 
Estructura de una página web con estilo y heard
Estructura de una página web con estilo y heardEstructura de una página web con estilo y heard
Estructura de una página web con estilo y heard
 
Formas y Degradados
Formas y DegradadosFormas y Degradados
Formas y Degradados
 
Formas y Degradados en Flash
Formas y Degradados en FlashFormas y Degradados en Flash
Formas y Degradados en Flash
 
Degradados
DegradadosDegradados
Degradados
 
Códigos en flash 2
Códigos en flash 2Códigos en flash 2
Códigos en flash 2
 
Como crear objetos visuales en la pantalla
Como crear objetos visuales en la pantallaComo crear objetos visuales en la pantalla
Como crear objetos visuales en la pantalla
 
Códigos en flash 2
Códigos en flash 2Códigos en flash 2
Códigos en flash 2
 
programación en flash codigos
programación en flash codigosprogramación en flash codigos
programación en flash codigos
 
programación en flash codigos
programación en flash codigosprogramación en flash codigos
programación en flash codigos
 
paisaje nocturno
paisaje nocturnopaisaje nocturno
paisaje nocturno
 
Condicionales en php
Condicionales en phpCondicionales en php
Condicionales en php
 
Puertos de un pc
Puertos de un pcPuertos de un pc
Puertos de un pc
 
Entorno de trabajo en flash
Entorno de trabajo en flashEntorno de trabajo en flash
Entorno de trabajo en flash
 
Variables
VariablesVariables
Variables
 
Ejemplo 3
Ejemplo 3Ejemplo 3
Ejemplo 3
 

Formularios HTML5: Códigos y ejemplos

  • 1. Formularios html5 Es un formulario en la página web El primer código que vamos a utilizar es el del nombre y el de los apellidos
  • 2. Lo que sale Luego un menú despegable que selecciona el curso donde se encuentra un ejemplo el código es este Escribimos el código continuando
  • 3. Lo que aparecerá en nuestra página de esta manera En algunos formularios se pide contraseña para colocarle a nuestra página que pida contraseña se le coloca el siguiente código En la página aparecerá un espacio donde se colocara la contraseña Para colocar una opción que con darle clic se seleccione por ejemplo si se repite el año o no Utilizamos el siguiente código donde el type de radio hace el círculo donde se va a seleccionar la opción
  • 4. Al ejecutarlo en la página web nos quedara así Otro ejemplo El siguiente código se lo utiliza para escoger un archivo ya sea audio video o imagen a la página que se quiere enviar Así de esta manera Le damos en seleccionar y nos abre una ventana que abre un archivo de nuestra PC
  • 5. Seleccione una imagen ya que le puse así en el codigo Nuestro código va quedando de esta manera
  • 6. Y nuestra pagina web esta de esta manera
  • 7. Otros códigos utilizados son el requiered que se lo coloca de esta manera En la página web cuando no se llena un espacio dice completa este campo de esta manera Luego con este código sale el calendario
  • 8. Como se lo muestra en la página web Ahora el código para colocar una opción de color en nuestra página es Así sale
  • 9. Y el código anterior es para la opacidad del color Así nos saldrá en nuestra página al ejecutarlo Y el último código es colocar la opción de números en nuestra página
  • 10. Así como esto Nuestra página aparecerá así finalmente