OBJETIVO: conocer para que sirve los formularios en el diseño de la página Web.
¿Qué es un formulario?
R= Son una característica del estándar HTML (lenguaje de marcas hipertextual) que permite a los autores colectar información provista por los visitantes. Estos formularios pueden ser útiles para recolectar información personal, información de contacto, preferencias u opiniones, o cualquier tipo de entrada por parte del visitante que el autor pueda necesita
¿Qué etiquetas ocupan los formularios?
INPUT
FORM
SELECT
TEXTAREA
¿Para que sirven los atributos:
Action.- Envió de datos por medio de un correo
Method.- Específica como se va enviar un archivo mediante
•Post:es el valor que envía los datos al agente de procesamiento almacenándolos en el cuerpo del formulario
•Get:envía los datos agregándolos a la dirección URL y separándolos de la dirección con un signo de interrogación
Encytpe.- Se utiliza para indicar la forma en la viajara la información que se mande por el formulario. En el caso más común se envía el formulario por correo electrónico el valor de este atributo es: text/plain.
Ejemplo:
♣ TEXTO CORTO ♣
Las cajas de texto son colocadas por medio de la etiqueta INPUT. Dentro de esta etiqueta hemos de especificar el valor de dos atributos: type y name.
La etiqueta tendrá la siguiente forma:
Veremos el siguiente código para colocar un texto corto:
A si es como se muestra:
¿Para que sirven los atributos?
R=
•Maxlength:Indica el tamaño máximo del texto, en número de caracteres, que puede ser escrito en el campo. En caso que el campo de texto tenga definido el atributo maxlength, el navegador no permitirá escribir más caracteres en ese campo que los que hayamos indicado
•Value:En algunos casos puede resultarnos interesante asignar un valor definido al campo en cuestión. Esto puede ayudar al usuario a rellenar más rápidamente el formulario o darle alguna idea sobre la naturaleza de datos que se requieren. Este valor inicial del campo puede ser expresado mediante el atributo value.
•Rows:Define el número de líneas del campo de texto.
Cols:Define el número de columnas del campo de texto.
♣ TEXTO OCULTO♣
Hay determinados casos en los que podemos desear esconder el texto escrito en el campo INPUT, por medio asteriscos, de manera que aporte una cierta confidencialidad. Este tipo de campos son análogos a los de texto, con una sola diferencia: remplazamos el atributo type="text" por type="password":
Esta es la forma que toma el texto oculto:
♣ TEXTO LARGO ♣
Si deseamos poner a la disposición de usuario un campo de texto donde pueda escribir cómodamente sobre un espacio compuesto de varias líneas, hemos de invocar una nueva etiqueta: TEXTAREAy su cierre correspondiente.
Este tipo de campos son prácticos cuando el contenido a enviar no es un nombre, teléfono, edad o cualquier otro dato breve, sino más bien, un comentario, opinión, etc. en los que existe la posibilidad que el visitante desee rellenar varias líneas.
Este es el texto largo:
♣LISTAS DE OPCIONES♣
Las listas de opciones son ese tipo de menús desplegables que nos permiten elegir una (o varias) de las múltiples opciones que nos proponen. Para construirlas emplearemos una etiqueta SELECT con su respectivo cierre:
Como para los casos ya vistos, dentro de esta etiqueta definiremos su nombre por medio del atributo name. Cada opción será incluida en una línea precedida de la etiqueta OPTION
Podemos ver, a partir de estas directivas, la forma más típica y sencilla de esta etiqueta:
♣BOTON DE RADIO♣
Existe otra alternativa para plantear una elección, en este caso, obligamos al internauta a elegir únicamente una de las opciones que se le proponen.
La etiqueta empleada en este caso es INPUT en la cual tendremos el atributo type ha de tomar el valor radio. Veamos un ejemplo:
♣CAJAS DE VALIDACION♣
Este tipo de elementos pueden ser activados o desactivados por el visitante por un simple clic sobre la caja en cuestión. La sintaxis utilizada es muy similar a las vistas anteriormente:
A si es como se muestra en el navegador:
♣BOTON DE ENVIO♣
Para dar por finalizado el proceso de relleno del formulario y hacerlo llegar a su gestor, el navegante ha de enviarlo por medio de un botón previsto a tal efecto. La construcción de dicho botón no reviste ninguna dificultad una vez familiarizados con las etiquetas INPUT ya vistas:
A si es como se muestra el boton en el navegador:
♣BOTON DE BORRAR♣
Este botón nos permitirá borrar el formulario por completo, en el caso de que el usuario desee rehacerlo desde el principio.
CONCLUCIONES: Este tema es muy interesante ya que aprendi como realizar un formulario para que cualquier usuario mande informacion por medio de este:
CONCLUCION: Pues esta practica se me gusto mucho ya que tuvimos que ver como se podia mandar al correo puesto que no podia pero lo realiza solo con configurar el correo de micrsoft office outlook pero en fura no hubo problema alguno.
