Formulario Básico

Carolay Muñoz Yañez

HTML II

Instituto IACC

Domingo 07 de Junio del 2020

 Desarrollo

Como necesitaremos enviar datos, para ello utilizaremos un formulario en el que el

encuestado podrá optar de opciones para ir respondiendo a diferentes preguntas,

por lo tanto, tendremos que utilizar el método “get” nos permitirá realizar las

solicitudes al servidor.

El “action” nos indica la acción que debe tomar nuestro formulario cuando se

requiera enviar la información al servidor que en este caso corresponde a una

encuesta, será enviada la información al servidor “submit”.

Luego para la agrupación de todos los atributos solicitados se utilizará la etiqueta

“<form></form>”. En la encuesta se solicitan varias preguntas como son

variedades de elementos, se puede insertar (fieldset) para la agrupación de

elementos ya que se utilizaran distintos elementos para llevar a cabo la encuesta de

satisfacción. El (legend) ofrece una visualización en la pantalla para indicar lo que

estamos agrupando en este caso corresponde a una “Encuesta”. Para ir definiendo

cada elemento se agregará el “<label></label>”.

Se agregará un <required> en todos los elementos para que el encuestador

complete la encuesta para luego enviarla si no de lo contrario no podrá terminar de

manera correcta dicha encuesta.

 RUT: Para el Rut utilizaremos “input type=text”, para su validación se

utiliza el “maxlength=12” ya que permite mantener un tope de dígitos

ingresados para corroborar que el rut sea válido.

 EDAD: En la edad se utilizará input type=number ya que solo se solicita la

edad con un mínimo de 10 “minlength=10” y un máximo de 120

“maxlength=120”.

 GENERO: En el género como serán solo dos opciones que serían

“Femenino” y “Masculino” se interceptara un input type=”radio”, cada uno

debe poseer el atributo “value” para el uso correcto deben tener asignados el

mismo atributo “name” para poder ser seleccionado y dejar el checked en

cualquiera de las dos opciones.

 FRECUENCIA CON LA QUE USA EL SERVICIO: Para este elemento se

prefiere usar un input type=”radio”, también debe ser utilizado el atributo

“value” asociándose a la selección de esta para el uso correcto deben tener

asignados el mismo atributo “name”, también se utiliza el checked para

definir el botón seleccionado , se determina esta opción ya que el encuestado

debe solo elegir una opción.

Sus value serian:

- Nunca

- Poca frecuencia

- Regularmente

- Todo el tiempo

El name para todas las opciones seria name=”selec”.

 HORARIO EN EL QUE USA EL SERVICIO: Se usara un input

type=”radio” para poder seleccionar, cada uno debe tener su “value” y

“name”, para su uso correcto.

Sus value serian:

- Horario punta

- Horario medio

- Horario valle

El name para estas opciones seria name=”Hora”.

 LINEA DE METRO: Como el usuario puede elegir varias opciones se

utilizará el menú con atributo “multiple” con las que se podrán

seleccionar varias simultáneamente, el elemento “select” despliega un

menú de opciones de líneas del metro cada una de ellas será definida
 con elementos “option” los que deben estar anidados dentro del

bloque “select” si es muy extenso se recomienda ir agrupando con el

elemento “optgroup”.

 CALIDAD GENERAL DEL SERVICIO: Como el usuario debe

seleccionar una opción utilizaremos un input type=”radio”, en el que

su atributo será name=”serv” para poder ser seleccionado y el checked

para definir el botón de radio.

Sus value son:

- Malo

- Deficiente

- Regular

- Bueno

- Excelente

 OBSERVACIONES PERSONALES: Para que el usuario pueda

colocar un comentario se utilizara un “textarea” ofreciendo una mayor

flexibilidad, con las que se puedan ingresar más líneas de texto, este

elemento debe tener una etiqueta de cierre, como se exige un máximo

de caracteres se inserta el maxlength=”200”, para el comentario se

usara el “placeholder”.
 Bibliografía

Contenidos semana 1.

Recursos Adicionales.