Practica Formularios en HTML
Páginas: 5 (1144 palabras)
Publicado: 6 de agosto de 2013
1 FORMULARIOS EN HTML
Los formularios son una característica importante en Html para obtener información, ejemplo datos de un cliente, de un producto.
Forma de escribirlo dentro del documento Html:
También puedes especificar cómo la información será enviada en el valor del atributo "method": "post" (los datos del formulario son adjuntados al cuerpo del mismo) ó "get" (los datos delformulario son adjuntados a la URL).
1.1 ELEMENTOS DE ENTRADA
Los controles de entrada son visuales y pueden interactuar con el usuario. Su uso depende del tipo de control y también del tipo de información que pueden recolectar. Los elementos de entrada de un formulario pueden ser definidos mediante el uso de cuatro elementos: el elemento HTML input, el elemento HTML button, el elemento HTML selecty el elemento HTML textarea.
Como regla general para todos los controles, el atributo "name" identificará la información para el agente procesados, y su valor dependerá de la naturaleza del control (algunas veces, como en las casillas de verificación o botones radio, será el contenido del atributo "value").
1.1.1 ENTRADA TEXTUAL
Hay 3 formas de entrada textual:
Entrada de Línea. Se usa elcontrol Input con el valor “text” en el atributo type
Entradas de contraseña o password. Es utilizado para esconder los caracteres como medio de protección de los datos del usuario. Se utiliza en type = “pass”
Entrada multilinea. Permite ingresar varias líneas de texto de una o más lineas en una caja.
El parámetro cols indica en ancho en caracteres y rows el número de filas.
1.1.2 ELEMENTOSDE OPCION
Casillas de verificación. Una casilla de verificación es una opción simple que puede tomar uno de dos valores: "marcado" ó "no marcado" ("checked" ó "unchecked"). Las casillas de verificación pueden ser agrupadas visualmente formando listas de opciones, pero cada una de ellas es tratada individualmente. En el atributo type es “checkbox”.
Los botones radio trabajan de la mismaforma que las casillas de verificación con una pequeña diferencia: los botones radio que comparte el mismo nombre conforman un grupo de opciones donde el usuario no puede seleccionar más de una a la vez. Esto significa que cuando un usuario elige una opción, las demás son automáticamente deseleccionadas. El valor inicial para el grupo depende del navegador (la mayoría muestra todos los controles sinmarcar). Esto puede ser cambiado usando el atributo booleano "checked". El atributo en type es “radio”.
Listas. Los campos de selección se utilizan para insertar menús y listas desplegables.
Para insertar uno de estos menús o listas es necesario insertar las etiquetas y en un formulario. El atributo name indica el nombre del menú o lista será el nombre de la variable que contendrá el valorseleccionado.
El atributo size indica el número de elementos de la lista que pueden ser visualizados al mismo tiempo, determina el alto de la lista.
La aparición del atributo multiple indica que el usuario podrá seleccionar varios elementos de la lista al mismo tiempo, ayudándose de la tecla Ctrl. Este atributo no toma valores.
La aparición del atributo disabled indica que la lista estarádesactivada, por lo que el usuario no podrá seleccionar sus elementos. Este atributo tampoco toma valores.
Cada uno de los elementos de la lista ha de insertarse entre las etiquetas y .
El atributo value indica el valor a enviar si se selecciona el elemento. Si no se especifica este atributo, se enviará el texto de la opción, que se encuentra entre las etiquetas y .
La aparición del atributoselected indica que el elemento aparecerá seleccionado. Este atributo no toma valores.
Por ejemplo, para insertar el menú:
Y para insertar la lista:
Habría que escribir:
1.1.3 BOTONES
Son utilizados para realizar eventos. Existen dos tipos básicos de botones: para enviar el formulario y para reestablecerlo (devuelve todos los campos a sus valores iniciales).
Los botones pueden...
Los formularios son una característica importante en Html para obtener información, ejemplo datos de un cliente, de un producto.
Forma de escribirlo dentro del documento Html:
También puedes especificar cómo la información será enviada en el valor del atributo "method": "post" (los datos del formulario son adjuntados al cuerpo del mismo) ó "get" (los datos delformulario son adjuntados a la URL).
1.1 ELEMENTOS DE ENTRADA
Los controles de entrada son visuales y pueden interactuar con el usuario. Su uso depende del tipo de control y también del tipo de información que pueden recolectar. Los elementos de entrada de un formulario pueden ser definidos mediante el uso de cuatro elementos: el elemento HTML input, el elemento HTML button, el elemento HTML selecty el elemento HTML textarea.
Como regla general para todos los controles, el atributo "name" identificará la información para el agente procesados, y su valor dependerá de la naturaleza del control (algunas veces, como en las casillas de verificación o botones radio, será el contenido del atributo "value").
1.1.1 ENTRADA TEXTUAL
Hay 3 formas de entrada textual:
Entrada de Línea. Se usa elcontrol Input con el valor “text” en el atributo type
Entradas de contraseña o password. Es utilizado para esconder los caracteres como medio de protección de los datos del usuario. Se utiliza en type = “pass”
Entrada multilinea. Permite ingresar varias líneas de texto de una o más lineas en una caja.
El parámetro cols indica en ancho en caracteres y rows el número de filas.
1.1.2 ELEMENTOSDE OPCION
Casillas de verificación. Una casilla de verificación es una opción simple que puede tomar uno de dos valores: "marcado" ó "no marcado" ("checked" ó "unchecked"). Las casillas de verificación pueden ser agrupadas visualmente formando listas de opciones, pero cada una de ellas es tratada individualmente. En el atributo type es “checkbox”.
Los botones radio trabajan de la mismaforma que las casillas de verificación con una pequeña diferencia: los botones radio que comparte el mismo nombre conforman un grupo de opciones donde el usuario no puede seleccionar más de una a la vez. Esto significa que cuando un usuario elige una opción, las demás son automáticamente deseleccionadas. El valor inicial para el grupo depende del navegador (la mayoría muestra todos los controles sinmarcar). Esto puede ser cambiado usando el atributo booleano "checked". El atributo en type es “radio”.
Listas. Los campos de selección se utilizan para insertar menús y listas desplegables.
Para insertar uno de estos menús o listas es necesario insertar las etiquetas y en un formulario. El atributo name indica el nombre del menú o lista será el nombre de la variable que contendrá el valorseleccionado.
El atributo size indica el número de elementos de la lista que pueden ser visualizados al mismo tiempo, determina el alto de la lista.
La aparición del atributo multiple indica que el usuario podrá seleccionar varios elementos de la lista al mismo tiempo, ayudándose de la tecla Ctrl. Este atributo no toma valores.
La aparición del atributo disabled indica que la lista estarádesactivada, por lo que el usuario no podrá seleccionar sus elementos. Este atributo tampoco toma valores.
Cada uno de los elementos de la lista ha de insertarse entre las etiquetas y .
El atributo value indica el valor a enviar si se selecciona el elemento. Si no se especifica este atributo, se enviará el texto de la opción, que se encuentra entre las etiquetas y .
La aparición del atributoselected indica que el elemento aparecerá seleccionado. Este atributo no toma valores.
Por ejemplo, para insertar el menú:
Y para insertar la lista:
Habría que escribir:
1.1.3 BOTONES
Son utilizados para realizar eventos. Existen dos tipos básicos de botones: para enviar el formulario y para reestablecerlo (devuelve todos los campos a sus valores iniciales).
Los botones pueden...
Leer documento completo
Regístrate para leer el documento completo.