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)