SlideShare una empresa de Scribd logo
1 de 9
Trabajo de desarrollo
Nombre: Roger Silva
Curso:3º Informática «C»
¿Qué son formularios web?
 Un formulario web dentro de una página
web permite al usuario introducir datos
los cuales son enviados a un servidor para
ser procesados. Los formularios web se
parecen a los formularios de papel porque
los internautas llenan dichos formularios
usando casillas de selección, botones de
opción, o campos de texto.
Formularios XHTML/HTML
 Un formulario en XHTML o HTML es la forma más común de usar un formulario
en línea. Utilizando solamente las etiquetas <form> e <input> es posible
diseñar la mayoría de formularios de las aplicaciones web.1
 Los siguientes elementos pueden formar parte de un formulario del lado del
usuario:
 input2
 type = (para indicar uno de los tipos de control del formulario)
 text: una caja de texto que permite ingresar una sola línea de texto.
 checkbox: una casilla de selección.
 radio: un botón de opción.
 file: un examinador para subir archivos.
 reset: un botón de reinicio que al activarse le dice al navegador que restaure
los valores del formulario a su estado inicial
 submit: un botón que le dice al navegador que realice la acción del formulario
(referido típicamente a mandarlo al servidor).
 Algunas aplicaciones web utilizan otros elementos de formulario que
no se pueden crear con <input>. Las listas desplegables y las áreas
de texto disponen de sus propias etiquetas (<select> y <textarea>
respectivamente):3
 select: una lista de elementos que el usuario puede seleccionar.
 textarea: muy parecido a la caja de texto pero con la posibilidad de
escribir múltiples líneas.
 La imagen de ejemplo de la derecha muestra todos estos elementos:
 Una caja de texto que permite ingresar un nombre.
 Un par de botones de opción para seleccionar el sexo.
 Una lista de colores de ojos a elegir.
 Un par de casillas de selección que son seleccionadas si se aplican al
usuario.
 Un área de texto que describe la habilidad atlética.
 Un botón submit para enviar la información al servidor.
Estos elementos básicos proveen la mayor cantidad posible de
elementos de las interfaces gráficas, pero no todos. Por ejemplo, no hay
equivalentes a un combobox, globos de ayudas, vista de árbol, o vista
tabular.
Una vista tabular, sin embargo, puede ser imitada usando una tabla
HTML estándar con elementos input text en cada celda. Una vista de
árbol puede ser imitada por medio de tablas anidadas o bien,
Aplicaciones que permitan
crearlos
1. Google Forms
Google Forms es una de las mejores herramientas
ya que es gratuita y puede guardar
automáticamente los resultados del formulario en
una hoja de cálculo de Google para que puedas
realizar un análisis avanzado. Además es muy fácil
y rápido editar todos los campos que necesites.
2. Wufoo
 Wufoo tiene los campos que necesitas para crear
un buen formulario con un sistema de arrastrar y
soltar, incluidos los campos de pago que
funcionan con una variedad de servicios y una
herramienta de subida de archivos que permite a
los usuarios enviar imágenes y documentos a
través del formulario. También incluye más de un
centenar de plantillas y temas para ayudarte a
empezar rápidamente.
3. JotForm
 Si hay una competición para comprobar qué
herramienta es la más rápida, probablemente
ganaría JotForm. Simplemente ve a jotform.com,
haz clic en “Plantillas” y en “Usar plantilla” y
segundos más tarde tendrás un formulario casi
completo. Puedes personalizar los campos o
arrastrar y soltar para añadir alguno nuevo.
Luego solo tienes que hacer clic en Publicar y
copiar el enlace del formulario para utilizarlo.
4. Typeform
 Hay formularios y luego hay Typeforms. Todas las
herramientas mencionadas anteriormente
muestran todo el formulario a la vez y llenan la
pantalla con pequeños cuadros de texto y
viñetas. Typeform lo hace diferente y muestra
solamente la pregunta que tienes que responder
en ese momento acompañada de un diseño
interactivo. Tendrás que probar una de sus
demos para ver lo divertido que es hacer los
formularios.
5. Zoho Forms
 Lo mejor de todo es que Zoho Forms está
construido para que puedas trabajar en equipo.
Incluso se pueden aprobar las respuestas de los
formularios o ver las estadísticas desde la
aplicación móvil de Zoho Forms o compartir los
datos con las otras aplicaciones de Zoho que tu
equipo esté usando.

Más contenido relacionado

La actualidad más candente

Procesadores de texto.areli
Procesadores de texto.areliProcesadores de texto.areli
Procesadores de texto.areliareli96
 
Primeras 3 unidades de aula clic
Primeras 3 unidades de aula clicPrimeras 3 unidades de aula clic
Primeras 3 unidades de aula clicNIkoo Triana
 
Plan nacional de alfabetizacion tecnologica unidad 4
Plan nacional de alfabetizacion tecnologica  unidad 4Plan nacional de alfabetizacion tecnologica  unidad 4
Plan nacional de alfabetizacion tecnologica unidad 4enriquecordova7
 
Formularios en Access 2010
Formularios en Access 2010Formularios en Access 2010
Formularios en Access 2010Erick Cruz
 
Indices en Microsoft Word
Indices en Microsoft WordIndices en Microsoft Word
Indices en Microsoft Wordgalarzac
 
República bolivariana de venezuela
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuelaMarcelys_celi
 
Cuestionario de 9nos
Cuestionario de 9nosCuestionario de 9nos
Cuestionario de 9nosjose
 
Resumen analítico de access
Resumen analítico de accessResumen analítico de access
Resumen analítico de accesssofia rugeles
 

La actualidad más candente (15)

Procesadores de texto.areli
Procesadores de texto.areliProcesadores de texto.areli
Procesadores de texto.areli
 
Primeras 3 unidades de aula clic
Primeras 3 unidades de aula clicPrimeras 3 unidades de aula clic
Primeras 3 unidades de aula clic
 
Manual Para Incluir Firmas En Outlook
Manual Para Incluir Firmas En OutlookManual Para Incluir Firmas En Outlook
Manual Para Incluir Firmas En Outlook
 
Plan nacional de alfabetizacion tecnologica unidad 4
Plan nacional de alfabetizacion tecnologica  unidad 4Plan nacional de alfabetizacion tecnologica  unidad 4
Plan nacional de alfabetizacion tecnologica unidad 4
 
Procesadores de texto
Procesadores de textoProcesadores de texto
Procesadores de texto
 
Formularios en Access 2010
Formularios en Access 2010Formularios en Access 2010
Formularios en Access 2010
 
Indices en Microsoft Word
Indices en Microsoft WordIndices en Microsoft Word
Indices en Microsoft Word
 
Francisco tipanta
Francisco tipantaFrancisco tipanta
Francisco tipanta
 
República bolivariana de venezuela
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuela
 
1 interfaz y manejo basico de word clase 1
1 interfaz y manejo basico de word clase 11 interfaz y manejo basico de word clase 1
1 interfaz y manejo basico de word clase 1
 
Comentarios
ComentariosComentarios
Comentarios
 
Cuestionario de 9nos
Cuestionario de 9nosCuestionario de 9nos
Cuestionario de 9nos
 
Word parte1
Word parte1Word parte1
Word parte1
 
Word
WordWord
Word
 
Resumen analítico de access
Resumen analítico de accessResumen analítico de access
Resumen analítico de access
 

Similar a Trabajo de desarrollo (20)

10 formulario
10 formulario10 formulario
10 formulario
 
Formulario web
Formulario  webFormulario  web
Formulario web
 
estudiante
estudiante estudiante
estudiante
 
Formulario web2
Formulario  web2Formulario  web2
Formulario web2
 
Paso a paso para crear un formulario en dreamweaver.
Paso a paso para crear un formulario en dreamweaver.Paso a paso para crear un formulario en dreamweaver.
Paso a paso para crear un formulario en dreamweaver.
 
Formulario web movil
Formulario web movilFormulario web movil
Formulario web movil
 
Formularios
FormulariosFormularios
Formularios
 
Práctica n 6
Práctica n 6Práctica n 6
Práctica n 6
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTML
 
Guia#4 formularios
Guia#4 formulariosGuia#4 formularios
Guia#4 formularios
 
Práctica n 6
Práctica n 6Práctica n 6
Práctica n 6
 
Manual e genforms
Manual e genformsManual e genforms
Manual e genforms
 
Manual De Usuario Egen-Forms
Manual De Usuario Egen-FormsManual De Usuario Egen-Forms
Manual De Usuario Egen-Forms
 
Presentación1
Presentación1Presentación1
Presentación1
 
Guia#4 formularios
Guia#4 formulariosGuia#4 formularios
Guia#4 formularios
 
Unidad 11
Unidad 11Unidad 11
Unidad 11
 
Curso HTML 5 & jQuery - Leccion 4
Curso HTML 5 & jQuery - Leccion 4Curso HTML 5 & jQuery - Leccion 4
Curso HTML 5 & jQuery - Leccion 4
 
Guía Formulario
Guía FormularioGuía Formulario
Guía Formulario
 
Formulario
FormularioFormulario
Formulario
 
Formularios HTML
Formularios HTMLFormularios HTML
Formularios HTML
 

Último

tabla-bacterias-1-0-179241-downloadable-3772106.pdf
tabla-bacterias-1-0-179241-downloadable-3772106.pdftabla-bacterias-1-0-179241-downloadable-3772106.pdf
tabla-bacterias-1-0-179241-downloadable-3772106.pdfssuser58a6321
 
P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...
P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...
P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...danielpoza1
 
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...CENECOnline
 
Presentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la WebPresentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la Webfernandalunag19
 
Mapas Conceptuales finales Rubén finales.pptx
Mapas Conceptuales finales Rubén finales.pptxMapas Conceptuales finales Rubén finales.pptx
Mapas Conceptuales finales Rubén finales.pptxjose880240
 
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdfAntenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdfperezreyesalberto10
 
Emprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC MexicoEmprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC MexicoCENECOnline
 
Corte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadCorte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadJonathanHctorSilvaRo
 

Último (8)

tabla-bacterias-1-0-179241-downloadable-3772106.pdf
tabla-bacterias-1-0-179241-downloadable-3772106.pdftabla-bacterias-1-0-179241-downloadable-3772106.pdf
tabla-bacterias-1-0-179241-downloadable-3772106.pdf
 
P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...
P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...
P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...
 
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
 
Presentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la WebPresentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la Web
 
Mapas Conceptuales finales Rubén finales.pptx
Mapas Conceptuales finales Rubén finales.pptxMapas Conceptuales finales Rubén finales.pptx
Mapas Conceptuales finales Rubén finales.pptx
 
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdfAntenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
 
Emprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC MexicoEmprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC Mexico
 
Corte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadCorte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuad
 

Trabajo de desarrollo

  • 1. Trabajo de desarrollo Nombre: Roger Silva Curso:3º Informática «C»
  • 2. ¿Qué son formularios web?  Un formulario web dentro de una página web permite al usuario introducir datos los cuales son enviados a un servidor para ser procesados. Los formularios web se parecen a los formularios de papel porque los internautas llenan dichos formularios usando casillas de selección, botones de opción, o campos de texto.
  • 3. Formularios XHTML/HTML  Un formulario en XHTML o HTML es la forma más común de usar un formulario en línea. Utilizando solamente las etiquetas <form> e <input> es posible diseñar la mayoría de formularios de las aplicaciones web.1  Los siguientes elementos pueden formar parte de un formulario del lado del usuario:  input2  type = (para indicar uno de los tipos de control del formulario)  text: una caja de texto que permite ingresar una sola línea de texto.  checkbox: una casilla de selección.  radio: un botón de opción.  file: un examinador para subir archivos.  reset: un botón de reinicio que al activarse le dice al navegador que restaure los valores del formulario a su estado inicial  submit: un botón que le dice al navegador que realice la acción del formulario (referido típicamente a mandarlo al servidor).
  • 4.  Algunas aplicaciones web utilizan otros elementos de formulario que no se pueden crear con <input>. Las listas desplegables y las áreas de texto disponen de sus propias etiquetas (<select> y <textarea> respectivamente):3  select: una lista de elementos que el usuario puede seleccionar.  textarea: muy parecido a la caja de texto pero con la posibilidad de escribir múltiples líneas.  La imagen de ejemplo de la derecha muestra todos estos elementos:  Una caja de texto que permite ingresar un nombre.  Un par de botones de opción para seleccionar el sexo.  Una lista de colores de ojos a elegir.  Un par de casillas de selección que son seleccionadas si se aplican al usuario.  Un área de texto que describe la habilidad atlética.  Un botón submit para enviar la información al servidor. Estos elementos básicos proveen la mayor cantidad posible de elementos de las interfaces gráficas, pero no todos. Por ejemplo, no hay equivalentes a un combobox, globos de ayudas, vista de árbol, o vista tabular. Una vista tabular, sin embargo, puede ser imitada usando una tabla HTML estándar con elementos input text en cada celda. Una vista de árbol puede ser imitada por medio de tablas anidadas o bien,
  • 5. Aplicaciones que permitan crearlos 1. Google Forms Google Forms es una de las mejores herramientas ya que es gratuita y puede guardar automáticamente los resultados del formulario en una hoja de cálculo de Google para que puedas realizar un análisis avanzado. Además es muy fácil y rápido editar todos los campos que necesites.
  • 6. 2. Wufoo  Wufoo tiene los campos que necesitas para crear un buen formulario con un sistema de arrastrar y soltar, incluidos los campos de pago que funcionan con una variedad de servicios y una herramienta de subida de archivos que permite a los usuarios enviar imágenes y documentos a través del formulario. También incluye más de un centenar de plantillas y temas para ayudarte a empezar rápidamente.
  • 7. 3. JotForm  Si hay una competición para comprobar qué herramienta es la más rápida, probablemente ganaría JotForm. Simplemente ve a jotform.com, haz clic en “Plantillas” y en “Usar plantilla” y segundos más tarde tendrás un formulario casi completo. Puedes personalizar los campos o arrastrar y soltar para añadir alguno nuevo. Luego solo tienes que hacer clic en Publicar y copiar el enlace del formulario para utilizarlo.
  • 8. 4. Typeform  Hay formularios y luego hay Typeforms. Todas las herramientas mencionadas anteriormente muestran todo el formulario a la vez y llenan la pantalla con pequeños cuadros de texto y viñetas. Typeform lo hace diferente y muestra solamente la pregunta que tienes que responder en ese momento acompañada de un diseño interactivo. Tendrás que probar una de sus demos para ver lo divertido que es hacer los formularios.
  • 9. 5. Zoho Forms  Lo mejor de todo es que Zoho Forms está construido para que puedas trabajar en equipo. Incluso se pueden aprobar las respuestas de los formularios o ver las estadísticas desde la aplicación móvil de Zoho Forms o compartir los datos con las otras aplicaciones de Zoho que tu equipo esté usando.