PROGRAMACIÓN HTML II
FORMULARIOS OPERATIVOS
JAIME RADICH VASQUÉZ
IACC
27/01/2019
DESARROLLO
INSTRUCCIONES: Recuerde que usted pertenece al departamento de informática
de una compañía de análisis de mercado denominada MERANA, y la semana
pasada fue asignado a un nuevo proyecto donde requerían realizar una encuesta
online para indagar respecto de la calidad del servicio recibido por los usuarios del
Metro..
Ya se diseñó e implementó la estructura básica del formulario que será utilizado,
sin embargo, está pendiente el incorporar los botones de envío que serán
utilizados para indicarle al formulario que los datos recibidos del usuario deben ser
enviados al servidor. Se debe considerar que el mismo ya posee los siguientes
campos:
RUT
EDAD
GENERO
FRECUENCIA CON LA QUE USA EL SERVICIO
HORARIO EN QUE USA EL SERVICIO
LINEAS DE METRO QUE NORMALMENTE UTILIZA
CALIDAD GENERAL DEL SERVICIO
OBSERVACIONES PERSONALES
Además, deberá incluirse un campo donde posteriormente se pueda agregar la
fecha y hora en la que se está realizando la encuesta. Dicho campo no debe ser
modificable ni visible por el usuario, pero debe ser incluido entre los datos que
serán enviados al servidor.
Para ello, se le solicita que defina los elementos que deben ser agregados al
formulario para realizar el envío de la información y el método más apropiado para
realizarlo. A fin de poder realizar dichas pruebas sobre el formulario, este deberá
enviar los datos en un e-mail usando el cliente de correos del usuario.
Además, se requiere que se verifique el diseño realizado y se agreguen, de ser
necesarios, ayudas y atajos de teclado de manera de adaptar la página web para
ser utilizada con mayor sencillez. Esto implica la inclusión de atajos de teclado,
orden de tabulación y mensajes informativos para los usuarios.
CODIGO HTML: Se modifica código para que se envía a correo electrónico y se
agrega campo oculto para fecha y hora.
<form method="post"action="[Link] interno">
<CENTER>
<TABLE BORDER>
<TR>
<TD>RUT:</TD>
<TD><INPUT TYPE="text" NAME="RUT" SIZE=20 MAXLENGTH=20></TD>
<CENTER>
<TABLE BORDER>
<TR>
<TD>EDAD:</TD>
<TD> <INPUT TYPE="text" NAME="EDAD" SIZE=18 MAXLENGTH=18> [Link].:
<INPUT TYPE="text" NAME="edad" SIZE=20 MAXLENGTH=20>
<TR>
<TD>GENERO:</TD>
<TD><input type="radio" name="hm" value="h"> Hombre
<input type="radio" name="hm" value="m"> Mujer
</TD>
<TR>
<TD>FRECUENCIA DE USO:</TD>
<TD> <INPUT TYPE="text" NAME="FRECUENCIA" SIZE=20 MAXLENGTH=20><input
type="checkbox" name="casilla" >NUNCA<input type="checkbox" name="casilla" >CON POCA
FRECUENCIA<input type="checkbox" name="casilla">REGULARMENTE<input type="checkbox"
name="casilla" >TODO EL TIEMPO</TD>
<TR>
<TD>HORARIO:</TD>
<TD><input type="checkbox" name="casilla">HORARIO PUNTA<input type="checkbox"
name="casilla">HORARIO MEDIO<input type="checkbox" name="casilla">HORARIO VALLE</TD>
<TR>
<TR>
<TD>LINEAS QUE USO:</TD>
<TD> <INPUT TYPE="text" NAME="FRECUENCIA" SIZE=20 MAXLENGTH=20><input
type="checkbox" name="casilla">LINEA 1<input type="checkbox" name="casilla" >LINEA 2<input
type="checkbox" name="casilla" >LINEA 3<input type="checkbox" name="casilla">LINEA 4<input
type="checkbox" name="casilla" >LINEA 5<input type="checkbox" name="casilla" >LINEA 6<input
type="checkbox" name="casilla" >LINEA 7</TD>
<TR>
<TR>
<TD>CALIDAD:</TD>
<TD> <SELECT NAME="OPCION">
<OPTION>MALO
<OPTION>DEFICIENTE
<OPTION>REGULAR
<OPTION>BUENO
<OPTION>EXELENTE
</SELECT>Escoja una opción</TD>
<TR>
<TD>COMENTARIOS:</TD>
<TD> <TEXTAREA NAME="coment" ROWS=2 COLS=48></TEXTAREA></TD>
<TR>
<TD><B>Pulse aquí:</B></TD>
<TD ALIGN=CENTER>
<INPUT TYPE="submit" VALUE="Enviar datos ">
<INPUT TYPE="reset" VALUE="Borrar los datos"></TD>
<INPUT TYPE="hidden" name="FECHA Y HORA" value="datetime-local">
</TABLE>
</CENTER>
</FORM>
BIBLIOGRAFIA
DOCUMENTOS IACC 2019.