Está en la página 1de 6

Control semana 2

Yonatan Rivas

Programación HTML 2

Instituto IACC

19-11-2018
Desarrollo

<html>

<head>

<title>encuesta metro</title>

</head>

<body>

<form action="http://www.metro.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 =""><!--aca tenemos un recuadro donde

textear nuestro rut-->EDAD</label>

<input id="edad" name="edad" type="text"><label>GENERO:</label><!--aca se nos permite

entregar los datos sobre nuestra edad-->

<input id="g_m" value="male" name="gender"

checked="checked" type="radio"> <label for="g_m">Hombre</label>

<input id="g_f" value="female" name="gender"

type="radio"> <label for="g_f">Mujer</label><!--aca se nos permite escoger nuestro genero

entre dos opciones-->

<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>

<!--aca se nos entrega una lista sobre la frecuencia en el cual se usa dicho 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>

<!--aca se nos entrega una lista de las lineas que utiliza normalmente--><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>

<!--aca se nos entrega una lista de opciones para la calidad del servicio--><br>

<br>

OBSERVACIONES PERSONALES DEL SERVICIO</label> <textarea

name="desc" id="_desc" maxlength="200" rows="5">ESCRIBA


AQUI SUS

COMENTARIOS </textarea><!--esta es la area asignada para poder textear nuestros

comentarios-->

<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 Yonataz@hotmail.com los datos

ingresados, alt+q"

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+R"

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 lo cual
olvide 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 yonataz@hotmail.com y el de reset o limpiar además la fecha en la
cual se realiza la encuesta.

Atajos del teclado:

Alt+Q=envía los datos de la encuesta al correo Yonataz@hotmail.com


Alt+R= borrar o limpiar los datos en la hoja de encuesta (reset)
Bibliografía

IACC contenidos de la semana

También podría gustarte