Você está na página 1de 4

Formularios operativos.

Rooney Hurtado Pino


PROGRAMACIÓN HTML II
Instituto IACC
28/01/2019
Desarrollo
<html>
<head>
<title>encuesta Merana</title>
</head>
<body>
<form action="http://www.metro Merana.com/next.php" method="post">
<fieldset><legend>Encuesta Metro</legend>
<label for="RUT">RUT</label>
<input id="rut" name="rut"
title="Favor type the RUT like 11.111.111-1"
placeholder="11.111.111-1"
pattern="[0-9]{2}.[0-9]{3}.[0-9]{3}-[0-9kK]"><label =""><!—en el recuadro ingresan
las personas el rut-->EDAD</label>
<input id="edad" name="edad" type="text"><label>GENERO:</label><!--aca
ingresan los datos de la edad-->
<input id="G_H" value="Hombre" name="gender"
checked="checked" type="radio"> <label for="g_m">Hombre</label>
<input id="G_M" value="Mujer" name="gender"
type="radio"> <label for="G_M">Mujer</label><!—opciones de Genero-->
<br>
<p>FRECUENCIA DE USO DEL SERVICIO </p>
NUNCA: <input name="nunca" type="radio"><br>
POCA FRECUENCIA: <input name="poca_frecuencia" type="radio"><br>
REGULARMANTE: <input name="regularmente" type="radio"><br>
TODO EL TIEMPO: <input name="todo_el_tiempo" type="radio">
<p>HORARIO EN EL QUE USA EL SERVICIO </p>
HORARIO PUNTA: <input name="horario punta" type="radio"><br>
HORARIO MEDIO: <input name="horario medio" type="radio"><br>
HORARIO VALLE: <input name="horario valle" type="radio"><br>
<!—lista de frecuencia del Servicio--><br>
<p>LINEAS DE METRO QUE NORMALMENTE UTLIZA </p>
LINEA ONE: <input name="horario punta" type="checkbox"><br>
LINEA TWO: <input name="horario medio" type="checkbox"><br>
LINEA THREE: <input name="horario valle" type="checkbox"><br>
<!—se entrega lista de líneas del metro que frecuenta el usuario--><br>
<p>CALIDAD DEL SERVICIO </p>
MALO: <input name="horario punta" type="radio"><br>
DEFICIENTE: <input name="horario medio" type="radio"><br>
REGULAR: <input name="horario valle" type="radio"><br>
BUENO: <input name="horario valle" type="radio"><br>
EXELENTE: <input name="horario valle" type="radio"><br>
<label for="_desc"><br>
<!—lista de opciones de calidad y de servicio entregado--><br>
<br>
OBSERVACIONES PERSONALES DEL SERVICIO</label> <textarea
name="desc" id="_desc" maxlength="200" rows="5">ESCRIBA
AQUI SUS COMENTARIOS </textarea><!—se ingresa comentarios sobre el
servicio entregado-->
<p><input class="_fechahora" name="fechahora"
step="1" value="<?php date_default_timezone_set("
america/santiago="" echo="" date="" y-m-d\th:i=""
)="" type="datetime">" disabled
<br>
<br>
</p>
<p> <input name="enviar" value="Enviar Formulario"
title="Presiona el boton para enviar a la direccion de correo
MetroMerana@gmail.com los datos ingresados, alt+a"
accesskey="b" type="submit"><!--este boton nos ayuda a enviar la informacion-->
<input name="reset" value="Limpiar Datos"
title="Presiona el boton para borrar o limpiar los datos ingresados, alt+b"
accesskey="L" type="reset"><!--este boton nos ayuda a limpiar o quitar los datos,
un reseteo de la pagina--></p>
</fieldset>
</form>
</body>
</html>
En este código se realizaron algunos cambios como las explicaciones de cada
recuadro en el código anterior además de los botones solicitados como el de
enviar con el cual se envían los datos al correo MetroMerana@gmail.com y el de
reset o limpiar además la fecha en la cual se realiza la encuesta.

Atajos del teclado:


Alt+a=envía los datos de la encuesta al correo MetroMerana@gmail.com
Alt+b= borrar o limpiar los datos en la hoja de encuesta (reset)

Bibliografía
Semana N°02 Instituto IACC