C S 2

FORMULARIOS OPERATIVOS
xxxxxxxxxxxxxx
PROGRAMACION HMTL II
Instituto IACC
25.01.2020
DESARROLLO.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>Encuenta Online</title>
<link rel="stylesheet" type="text/css" href="CSS/estilo1.css">


</head>
<Style>
body { background-color: #9c9c9c;
</style>
<h1 style="color: white;">Encuesta Online:</h1>
<form method="post"
action="mailto:betto.gallardo89@gmail.com?subject=mensajeinterno">
<p style="color: white;"> <label class="principal" color="white"
for="_rut"><b>Rut:</b></label><b>
<input name="rut" id="_rut" maxlength="12" tabindex="1" autofocus=""
acceskey="R" title="Favor ingresa tu rut en este formato 11.111.111-1"
placeholder="11.111.111-1" pattern="[0-9]{2}.[0-9]{3}.[0-9]{3}-[0-9kK]"
type="text">
</b></p>
<p style="color: white;">

<label class="principal" for="_edad"><b>Edad</b></label><b>
<input id="_edad" name="edad" min="10" tabindex="2" max="120"
pattern="[10-120]" maxlength="3" accesskey="E" required=""
type="number">
</b></p>

<label class="principal" tittle="Selecciona tu género"><b>Seleccione
su Género </b></label><b>  
<input class="principal" id="g_h" value="hombre" name="genero" tabindex="3"
type="radio">
<label for="g_h">Hombre</label>
<input class="principal" id="g_m" value="mujer" tabindex="4" name="genero"
type="radio"> <label for="g_m"> Mujer </label>
</b></p>

<label class="principal" tittle="Selecciona la frecuencia que utilizas el servicio,
desplegando la lista"><b>Frecuencia
que utiliza el servicio </b></label><b>  
<select id="_frecuencia" name="frecuencia" tabindex="5" accesskey="s">
<optgroup label="Frecuencia">
<option value="nunca">Nunca</option>
<option value="p_f">Poca Frecuencia</option>
<option value="regular">Regularmente</option>
<option value="todo">Todo el tiempo</option>
</optgroup>
</select>
</b></p>

<label class="principal" for="horario" title="Selecciona el horario que utilizas el
servicio, desplegando la lista, alt+h"><b>Horario
en que usa el Servicio:</b></label><b>  
<select id="_horario" name="horario" accesskey="h" tabindex="6">
<optgroup label="Horario">
<option value="punta">Horario Punta</option>
<option value="medio">Horario Medio</option>
<option value="valle">Horario Valle</option>
</optgroup>
</select>
</b></p>

<label class="principal"><b> Linea de metro utilizada con frecuencia (puede
seleccionar varias opciones)</b></label><b> <br>
<br>
<input id="linea1" value="l1" name="metro" tabindex="7" acceskey="1"

type="checkbox">
<label for="linea1">Linea 1 </label>
type="checkbox">
<label for="linea2">Linea
2</label>
type="checkbox">
3</label>
type="checkbox">
4</label>
<input id="linea4a" value="l4a" name="metro" tabindex="11" acceskey="5"
type="checkbox">
<label for="linea4a">Linea 4A </label>
type="checkbox">
5</label>
type="checkbox">
6</label>
</b></p>

<label class="principal" for="calidad" title="Selecciona la calidad del servicio,
desplegando la lista, alt+c"><b>Calidad general del servicio:</b></label>
<select id="calidad" name="calidad" accesskey="C" tabindex="14">
<optgroup label="Calidad">
<option value="malo">Malo</option>
<option value="regular">Regular</option>
<option value="bueno">Bueno</option>
<option value="excelente">Excelente</option>
</optgroup>
</select>
</p>

<label for="_obs"><b> Observaciones personales</b></label>
<b><br>
<br>
<textarea name="observaciones" id="_obs" tittle="En este espacio puedes
dejar tus comentarios, alt + O" tabindex="15" maxlength="200" rows="5"
placeholder="Ingrese sus observaciones"></textarea>
</b></p>

<label class="principal for=" date=""><b>Ingresa la hora y la fecha al enviar la
encuesta:</b></label>
<b><input id="date" name="fecha_hora" required="" type="datetime-
local"></b></p>
<p><b><input name="enviar" value="Enviar Formulario" title="Presiona el

boton para enviar a la direccion de correo encuestaonline@merana.cl los datos
ingresados,alt+b" accesskey="b" type="submit">
<input name="reset" value="Limpiar Datos" title="Presiona el boton para
borrar o limpiar los datos ingresados, alt+L" accesskey="L" type="reset"></b></p>
</form>
</body>
</html>
Esto fue creado en Notepad++, ya que me acomoda mas realizar los códigos,
adjunto fotografías…
Lo utilizado de esta semana;
 Agregamos la opción action= mailto junto con el método post, es la encargada
de enviar la información del formulario al correo ingresado
 Durante esta semana vimos los atajos en teclado;
Alt + e = nos dirige al campo de la edad de manera directa.
Alt + s = nos dirige a la lista para seleccionar la frecuencia que se utiliza el
servicio
Alt + h = nos dirige a la lista para seleccionar el horario que se utiliza el servicio
Alt + c = nos dirige a la lista para seleccionar la calidad general del servicio
Alt + b = nos dirige al botón para enviar formulario
Alt + l = nos dirige al botón para limpiar formulario y comenzar de nuevo.
 Se agrega scripts para agregar fecha y hora al enviar el formulario.
 El botón limpiar formulario se encarga de limpiar los cuadros y dejarlos desde el
inicio las listas para volver a comenzar con el llenado del formulario.
Bibliografía.
SEMANA NRO 1 Y 2 DE HTML 2

C S 2

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

C S 2

Загружено:

Авторское право:

Доступные форматы

FORMULARIOS OPERATIVOS

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<link rel="stylesheet" type="text/css" href="CSS/estilo1.css">

<p style="color: white;">

<p style="color: white;">

<p style="color: white;">

<p style="color: white;">

<p style="color: white;">

<input id="linea1" value="l1" name="metro" tabindex="7" acceskey="1"

<p style="color: white;">

<p style="color: white;">

<p style="color: white;">

<p><b><input name="enviar" value="Enviar Formulario" title="Presiona el

 Agregamos la opción action= mailto junto con el método post, es la encargada

de enviar la información del formulario al correo ingresado

 Durante esta semana vimos los atajos en teclado;

Alt + e = nos dirige al campo de la edad de manera directa.

Alt + s = nos dirige a la lista para seleccionar la frecuencia que se utiliza el

Alt + b = nos dirige al botón para enviar formulario

Alt + l = nos dirige al botón para limpiar formulario y comenzar de nuevo.

 Se agrega scripts para agregar fecha y hora al enviar el formulario.

 El botón limpiar formulario se encarga de limpiar los cuadros y dejarlos desde el

SEMANA NRO 1 Y 2 DE HTML 2

Вам также может понравиться