SlideShare una empresa de Scribd logo
1 de 10
LOS FORMULARIOSLOS FORMULARIOS
Los formularios se utilizan para recoger datos de los usuarios. Nos pueden servir para
realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de
los usuarios, recibir preguntas, etc.
Una vez el usuario rellena los datos y pulsa el botón para enviar el formulario se
arrancará un programa que recibirá los datos y hará el tratamiento correspondiente.
Aquí vamos a ver cómo crear el formulario, (insertar campos y botones en el
formulario y validarlos), pero no la parte de tratamiento de los datos, ya que para ello
se necesitan nociones de programación, ya sea en PHP, en JavaScript o en otro
lenguaje de programación, y esto no entra en los objetivos del curso.
A la derecha tienes un ejemplo de formulario simple.
Un formulario está formado, entre otras cosas, por etiquetas, campos de texto, menús
desplegables, y botones.
Elementos de formulario
Los elementos de formulario pueden insertarse en una página a través del
menú Insertar, opción Formulario, o lo que es más cómodo si vamos a insertar
varios elementos, desde el panelInsertar en la sección Formularios.
A través de esta opción se puede acceder a la lista de todos los objetos de
formulario que pueden ser insertados en la página.
Vamos a ver uno por uno algunos de los distintos elementos que pueden formar
parte de un formulario, así como algunas de sus propiedades.
 Campo de texto y Área de texto
Permiten  introducir  texto.  El Campo de texto solo  permite  al  usuario  escribir  una 
línea, mientras que el Área de texto permite escribir varias.
Se  puede  pasar  de Campo de texto a Área de texto a  través  del  inspector  de 
propiedades, marcando la opción Una línea o Multi línea respectivamente.
También  es  posible  definirlo  como Contraseña es  como  el  campo  de  texto  pero  las 
letras que va tecleando el usuario se sustituyen por un carácter como podrás ver en la 
imagen siguiente.
A continuación tienes un ejemplo de cada uno de estos tres tipos. Puedes escribir en 
ellos para ver su funcionamiento.
Botón
Es  el  botón  tradicional  de  Windows.  El  botón  puede  tener  asignadas  tres 
opciones: Enviar formulario, Restablecer formulario (borrar  todos  los  campos  del 
formulario),  o Ninguna (para  poder  asignarle  un  comportamiento  diferente  de  los 
dos anteriores).
También  es  posible  cambiar  el  texto  del  botón,  a  través  de  la  propiedad Valor del 
inspector de propiedades.
Como mínimo tiene que haber un botón del tipo Enviar formulario, imprescindible 
para  enviar  los  datos.  Además  le  suele  acompañar  un  botón Restablecer
formulario para hacer reset en el caso de que el usuario quiera comenzar de nuevo a 
rellenarlo.
Casilla de verificación
Es un cuadrito que se puede activar o desactivar, para indicar si el usuario ha elegido 
una opción o no.
Botón de opción
Es un pequeño botón redondo que puede activarse o desactivarse. Si hay varios del 
mismo formulario con el mismo nombre, sólo puede haber uno activado. Cuando se 
activa  uno,  automáticamente  se  desactivan  los  demás.  Esto  obliga  al  usuario  a  sólo 
poder elegir una opción.
Seleccionar (Lista/Menú)
LISTA DE
MENÚ
Etiqueta
Se utiliza para ponerle nombres al resto de elementos de formulario, para que el
usuario pueda saber qué datos ha de introducir en cada uno de ellos. Además, al
estar asociadas al control nos permite activarlo al pulsar sobre el texto. Esto es
muy práctico en casillas de verificación y botones de opción.
PARA CREAR LOS FORMULARIOS
CUANDO NUESTRA BASE DEL FORMULARIO SE CREA
CUANDO YA ESTÁ CREADO NUESTRO FORMULARIO
http://marinvirtualtech.host22.com/

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

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
 
Frames-Formularios
Frames-FormulariosFrames-Formularios
Frames-Formularios
 
Formularios html 5(1)
Formularios html 5(1)Formularios html 5(1)
Formularios html 5(1)
 
Formularios en HTML5
Formularios en HTML5Formularios en HTML5
Formularios en HTML5
 
LA FUNCIÓN PROMEDIO EN OPENOFFICE CALC
LA FUNCIÓN PROMEDIO EN OPENOFFICE CALCLA FUNCIÓN PROMEDIO EN OPENOFFICE CALC
LA FUNCIÓN PROMEDIO EN OPENOFFICE CALC
 
Lolol
LololLolol
Lolol
 
Formularios
FormulariosFormularios
Formularios
 
Ambiente de trabajo en word
Ambiente de trabajo en wordAmbiente de trabajo en word
Ambiente de trabajo en word
 
Formulario En Word
Formulario En WordFormulario En Word
Formulario En Word
 
Formularios en excel_2010
Formularios en excel_2010Formularios en excel_2010
Formularios en excel_2010
 
Formularios html
Formularios htmlFormularios html
Formularios html
 
3 utn frba manual access 2010 relacionar tablas
3  utn frba manual access 2010   relacionar tablas3  utn frba manual access 2010   relacionar tablas
3 utn frba manual access 2010 relacionar tablas
 
definiciones trabajo extra
definiciones trabajo extradefiniciones trabajo extra
definiciones trabajo extra
 
Daniel eduardo llano garzón
Daniel eduardo llano garzónDaniel eduardo llano garzón
Daniel eduardo llano garzón
 
Grado serccion y tm
Grado serccion y tmGrado serccion y tm
Grado serccion y tm
 
Html Tema 4 - Formularios
Html Tema 4 - FormulariosHtml Tema 4 - Formularios
Html Tema 4 - Formularios
 
Cuestionario de word
Cuestionario de wordCuestionario de word
Cuestionario de word
 

Destacado

1 introduccion a dreamweaver
1 introduccion a dreamweaver1 introduccion a dreamweaver
1 introduccion a dreamweaverMarianmv
 
6 marquesinas
6 marquesinas6 marquesinas
6 marquesinasMarianmv
 
Ug html.pptx
Ug html.pptxUg html.pptx
Ug html.pptxzezeiko
 
4 hiperenlace
4 hiperenlace4 hiperenlace
4 hiperenlaceMarianmv
 
3 configurar un sitio web tablas y imgenes
3 configurar un sitio web tablas y imgenes3 configurar un sitio web tablas y imgenes
3 configurar un sitio web tablas y imgenesMarianmv
 
5 hiperenlace con web
5 hiperenlace con web5 hiperenlace con web
5 hiperenlace con webMarianmv
 
7 comportamiento de capas
7 comportamiento de capas7 comportamiento de capas
7 comportamiento de capasMarianmv
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a htmlromeprofe
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion htmlElim Aqp
 
2 reconociendo entorno gráfico
2 reconociendo entorno gráfico2 reconociendo entorno gráfico
2 reconociendo entorno gráficoMarianmv
 
Atributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLEAtributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLEMELISSA MORNEO
 
Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Sergio Nouvel Castro
 

Destacado (20)

8 marcos
8 marcos8 marcos
8 marcos
 
1 introduccion a dreamweaver
1 introduccion a dreamweaver1 introduccion a dreamweaver
1 introduccion a dreamweaver
 
6 marquesinas
6 marquesinas6 marquesinas
6 marquesinas
 
Ug html.pptx
Ug html.pptxUg html.pptx
Ug html.pptx
 
4 hiperenlace
4 hiperenlace4 hiperenlace
4 hiperenlace
 
3 configurar un sitio web tablas y imgenes
3 configurar un sitio web tablas y imgenes3 configurar un sitio web tablas y imgenes
3 configurar un sitio web tablas y imgenes
 
5 hiperenlace con web
5 hiperenlace con web5 hiperenlace con web
5 hiperenlace con web
 
9 menús
9 menús9 menús
9 menús
 
Clase Html + CSS
Clase Html + CSSClase Html + CSS
Clase Html + CSS
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
7 comportamiento de capas
7 comportamiento de capas7 comportamiento de capas
7 comportamiento de capas
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Fundamentos de lenguaje html
Fundamentos de lenguaje htmlFundamentos de lenguaje html
Fundamentos de lenguaje html
 
2 reconociendo entorno gráfico
2 reconociendo entorno gráfico2 reconociendo entorno gráfico
2 reconociendo entorno gráfico
 
Atributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLEAtributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLE
 
Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1
 
Apuntes de HTML 2
Apuntes de HTML 2Apuntes de HTML 2
Apuntes de HTML 2
 
Taller maquetacion web
Taller maquetacion webTaller maquetacion web
Taller maquetacion web
 

Similar a 10 formulario (20)

Que es dreamweaver
Que es dreamweaverQue es dreamweaver
Que es dreamweaver
 
Presentación1
Presentación1Presentación1
Presentación1
 
Creación de informes y formularios
Creación de informes y formulariosCreación de informes y formularios
Creación de informes y formularios
 
Lolol
LololLolol
Lolol
 
Formularios
FormulariosFormularios
Formularios
 
Tp n 6 computacion
Tp n 6 computacionTp n 6 computacion
Tp n 6 computacion
 
Guia#4 formularios
Guia#4 formulariosGuia#4 formularios
Guia#4 formularios
 
Iv bimestre
Iv bimestreIv bimestre
Iv bimestre
 
Paginas 65 y 66 de informatica
Paginas 65 y 66 de informaticaPaginas 65 y 66 de informatica
Paginas 65 y 66 de informatica
 
Bases de datos access 2010
Bases de datos access 2010Bases de datos access 2010
Bases de datos access 2010
 
Unidad 11
Unidad 11Unidad 11
Unidad 11
 
Unidad 11
Unidad 11Unidad 11
Unidad 11
 
Unidad 11
Unidad 11Unidad 11
Unidad 11
 
Unidad 11
Unidad 11Unidad 11
Unidad 11
 
Unidad 11
Unidad 11Unidad 11
Unidad 11
 
Unidad 11
Unidad 11Unidad 11
Unidad 11
 
Unidad 11
Unidad 11Unidad 11
Unidad 11
 
Unidad 11
Unidad 11Unidad 11
Unidad 11
 
Unidad 11
Unidad 11Unidad 11
Unidad 11
 
Taller de base de datos
Taller de base de datosTaller de base de datos
Taller de base de datos
 

10 formulario

  • 1.
  • 2. LOS FORMULARIOSLOS FORMULARIOS Los formularios se utilizan para recoger datos de los usuarios. Nos pueden servir para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los usuarios, recibir preguntas, etc. Una vez el usuario rellena los datos y pulsa el botón para enviar el formulario se arrancará un programa que recibirá los datos y hará el tratamiento correspondiente. Aquí vamos a ver cómo crear el formulario, (insertar campos y botones en el formulario y validarlos), pero no la parte de tratamiento de los datos, ya que para ello se necesitan nociones de programación, ya sea en PHP, en JavaScript o en otro lenguaje de programación, y esto no entra en los objetivos del curso. A la derecha tienes un ejemplo de formulario simple. Un formulario está formado, entre otras cosas, por etiquetas, campos de texto, menús desplegables, y botones.
  • 3. Elementos de formulario Los elementos de formulario pueden insertarse en una página a través del menú Insertar, opción Formulario, o lo que es más cómodo si vamos a insertar varios elementos, desde el panelInsertar en la sección Formularios. A través de esta opción se puede acceder a la lista de todos los objetos de formulario que pueden ser insertados en la página. Vamos a ver uno por uno algunos de los distintos elementos que pueden formar parte de un formulario, así como algunas de sus propiedades.
  • 4.  Campo de texto y Área de texto Permiten  introducir  texto.  El Campo de texto solo  permite  al  usuario  escribir  una  línea, mientras que el Área de texto permite escribir varias. Se  puede  pasar  de Campo de texto a Área de texto a  través  del  inspector  de  propiedades, marcando la opción Una línea o Multi línea respectivamente. También  es  posible  definirlo  como Contraseña es  como  el  campo  de  texto  pero  las  letras que va tecleando el usuario se sustituyen por un carácter como podrás ver en la  imagen siguiente. A continuación tienes un ejemplo de cada uno de estos tres tipos. Puedes escribir en  ellos para ver su funcionamiento.
  • 5. Botón Es  el  botón  tradicional  de  Windows.  El  botón  puede  tener  asignadas  tres  opciones: Enviar formulario, Restablecer formulario (borrar  todos  los  campos  del  formulario),  o Ninguna (para  poder  asignarle  un  comportamiento  diferente  de  los  dos anteriores). También  es  posible  cambiar  el  texto  del  botón,  a  través  de  la  propiedad Valor del  inspector de propiedades. Como mínimo tiene que haber un botón del tipo Enviar formulario, imprescindible  para  enviar  los  datos.  Además  le  suele  acompañar  un  botón Restablecer formulario para hacer reset en el caso de que el usuario quiera comenzar de nuevo a  rellenarlo.
  • 6. Casilla de verificación Es un cuadrito que se puede activar o desactivar, para indicar si el usuario ha elegido  una opción o no. Botón de opción Es un pequeño botón redondo que puede activarse o desactivarse. Si hay varios del  mismo formulario con el mismo nombre, sólo puede haber uno activado. Cuando se  activa  uno,  automáticamente  se  desactivan  los  demás.  Esto  obliga  al  usuario  a  sólo  poder elegir una opción. Seleccionar (Lista/Menú) LISTA DE MENÚ
  • 7. Etiqueta Se utiliza para ponerle nombres al resto de elementos de formulario, para que el usuario pueda saber qué datos ha de introducir en cada uno de ellos. Además, al estar asociadas al control nos permite activarlo al pulsar sobre el texto. Esto es muy práctico en casillas de verificación y botones de opción. PARA CREAR LOS FORMULARIOS
  • 8. CUANDO NUESTRA BASE DEL FORMULARIO SE CREA
  • 9. CUANDO YA ESTÁ CREADO NUESTRO FORMULARIO