Control 1 programación HTML II

Formularios Básicos

Xxxx xxxxx xxxxxx xxxxxx

Programación HTML II

Instituto IACC

25 de agosto de 2019

Desarrollo

INSTRUCCIONES: Imagínese que usted pertenece al departamento de informática de una compañía de análisis de mercado llamada MERANA, y que fue asignado a un nuevo proyecto donde requieren realizar una encuesta online para indagar respecto de la calidad del servicio recibido por los usuarios del Metro.

Para ello, se le solicita que diseñe la estructura general del formulario que será utilizado para tal efecto. Concretamente deberá generar un documento donde se indiquen qué tipos de elementos serían adecuados para cada información requerida como parte de la encuesta, incluyendo una fundamentación del por qué se realizó la elección propuesta en su informe de entrega.

Hay que destacar que el objeto que se utilizara para la creación de formularios es la etiqueta “FORM”, la cual agrupara todos los controles y elementos necesarios para el ingreso de los datos entregados por el usuario.

Dentro de esta etiqueta se pueden incorporar muchos atributos, pero los más importantes son:

• Action: indica la acción que tomara el formulario cuando se requiere enviar la información al servidor

Contiene la información de la dirección URL (absoluta o relativa) de la página web a la que se enviara la información.

• Method: es el método que se debe utilizar para el envío de la información. Los tipos de métodos que se pueden utilizar son GET y POST (va a depender de la sensibilidad o la cantidad de datos).

RUT

Para el ingreso de los datos en este caso se utilizará cuadros de texto (textbox). Además, se debe adicionar la etiqueta “label”, la que ofrece la descripción del elemento seleccionado.

También se utilizará el atributo “for”, el que le indicara a la etiqueta label, a que elemento se hace referencia.

El atributo “id”, define un identificador único, el cual no debe repetirse en todo el documento.

Con maxlength, no se permitirá escribir o exceder la cantidad de caracteres seleccionadas (que en el ejemplo de la fotografía son 12 caracteres).

Pattern, nos permitirá validar en base a “expresiones regulares”, no siendo necesario la utilización de script.

Edad

En este caso se utilizamos “label”, para describir que los datos a ingresar son la edad, en el elemento “input” utilizaremos como valor para el atributo “type” números (tendremos un valor mínimo que es 10 y un valor máximo que es 120).

La estructura de este formulario es “menus”, ya que en este caso el usuario podrá seleccionar una opción dentro de varias disponibles.

Género

Para el nombre de label (en este caso es el genero del usuario), para el elemento input utilizaremos del tipo “botones de radio”, con este tipo se ofrece un mecanismo para una opción de elegir entre posibles valores.

Frecuencia con la que se usa el servicio

En este caso utilizaremos “menus”, que nos sirve para seleccionar un valor, dentro de varias opciones disponibles.

Horario en el que se usa el servicio regularmente

También en este caso la estructura de este formulario es “menus”, ya que se podrá elegir una opción dentro de varias que se encuentran disponibles.

Líneas del Metro que normalmente utiliza

En este caso se utilizan “casillas de verificación”, ya que estas otorgan al usuario elegir más de una opción, en un grupo de opciones.

...