Formularios
Un
formulario es un elemento que permite recoger datos introducidos por el
usuario.
Los formularios se utilizan para conocer
las opiniones, dudas, y otra serie de datos sobre los usuarios, para introducir
pedidos a través de la red, tienen multitud de aplicaciones.
Un formulario está formado, entre
otras cosas, por etiquetas, campos de texto, menús desplegables,
y botones.
Es muy recomendable utilizar tablas para
organizar los elementos de los formularios. Utilizando tablas se consigue
una mejor distribución de los elementos del formulario, lo que
facilita su comprensión y mejora su apariencia.
Los formularios se insertan
a través de las etiquetas <form>
y </form>. Entre dichas etiquetas
habrá que insertar los diferentes objetos que formarán el
formulario. la etiqueta <form>
tiene los siguientes atributos:
El atributo action
indica una dirección de correo electrónico a la que mandar
el formulario, o la dirección del programa que se encargará
de procesar el contenido del formulario.
El atributo enctype
indica el modo en que será cifrada la información para su
envío. Por defecto tiene el valor application/x-www-form-urlencoded.
El atributo method
indica el metodo mediante el que se transferirán las variables
del formulario. Su valor puede ser get
o post.
El valor get
se utiliza cuando no se van a producir cambios en ningún documento
o programa que no sea el navegador del usuario que pretende mandar el
formulario, como ocurre cuando se realizan consultas sobre una base de
datos.
El valor post
se utiliza cuando sí se van a producir cambios, como ocurre cuando
el usuario manda datos que deben ser almacenados en una base de datos.
Para insertar un elemento
de entrada es necesario incluir la etiqueta <input>
entre las etiquetas <form> y </form>
del formulario.
El atributo name
indica el nombre que se desea dar al elemento de entrada, mediante el
cual será evaluado, y el atributo type
indica el tipo de elemento de entrada.
Vamos a ver los diferentes tipos de elementos
de entrada, y el resto de atributos que pueden definirse para cada uno
de ellos.
Campo de texto:
Para insertar un campo de texto, el atributo
type debe tener el valor text.
El atributo size
indica el número de caracteres que podrán ser visualizados
en el campo de texto, determina el ancho de la caja.
El atributo maxlenght
indica el número de caracteres que podrán ser insertados
en el campo de texto.
El atributo value
indica el valor inicial del campo de texto
Campos
de selección <select> ...
|
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 <select>
y </select> en un formulario.
El atributo name
indica el nombre del menú o lista será el nombre de la variable
que contendrá el valor seleccionado.
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 <option>
y </option>.
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 <option>
y </option>.
La aparición del atributo selected
indica que el elemento aparecerá seleccionado. Este atributo no
toma valores.
Por ejemplo, para insertar el menú:
Habría que escribir:
Y para insertar la lista:
Habría que escribir:
|
Campos
de selección <select> ...
|
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 <select>
y </select> en un formulario.
El atributo name
indica el nombre del menú o lista será el nombre de la variable
que contendrá el valor seleccionado.
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 <option>
y </option>.
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 <option>
y </option>.
La aparición del atributo selected
indica que el elemento aparecerá seleccionado. Este atributo no
toma valores.
Por ejemplo, para insertar el menú:
Habría que escribir:
Y para insertar la lista:
Habría que escribir:
|
Campos
de selección <select> ...
|
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 <select>
y </select> en un formulario.
El atributo name
indica el nombre del menú o lista será el nombre de la variable
que contendrá el valor seleccionado.
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 <option>
y </option>.
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 <option>
y </option>.
La aparición del atributo selected
indica que el elemento aparecerá seleccionado. Este atributo no
toma valores.
Por ejemplo, para insertar el menú:
Habría que escribir:
Y para insertar la lista:
Habría que escribir:
Añadir una música
de fondo a una página tiene pros y contras, si el sonido es apropiado
al contenido de la página, puede hacerla más atractiva en
contrapartida la descarga del archivo de sonido supone una carga que puede
ralentizar la visualización de la página y además
muchos usuarios suelen estar escuchando otro tipo de música cuando
navega en Internet, por lo que el escuchar también sonido en cada
página que visita puede resultar algo molesto.
Los formatos de sonido más habituales
en Internet son el WAV, el MP3 y en algunas ocasiones el
MIDI, aunque existen otros formatos diferentes que también
pueden utilizarse. Lo ideal es incluir algún archivo de audio que
no ocupe mucho espacio, y que no por ello sea de mala calidad.
El navegador Internet Explorer
puede reconocer la etiqueta <bgsound>,
que se utiliza para incluir sonido de fondo. Esta nueva etiqueta no necesita
etiqueta de cierre.
A través del atributo src
hay que especificar la ruta y el nombre del archivo de audio.
Con el atributo loop indicamos el número
de veces que se tienen que reproducir el sonido. Si se desea que el archivo
de audio se reproduzca continuamente en un bucle, habrá que asignarle
el valor infinite o -1.
Por ejemplo, podríamos insertar un
sonido de fondo escribiendo el siguiente código:
|
