Taller Nro 2
Copie el siguiente código y grabarlo con la extensión HTML
Para ser analizado en clase:
<html>
<head> <title> Formularios en páginas Web </title></head>
<BODY>
<CENTER> <H1>ENCUESTA DEL COLEGIO EUCARISTICO</H1> </CENTER>
<form>
<TABLE BORDER="1" WIDTH="100%">
<TR>
<TD>
<B>ESCRIBA SU NOMBRE COMPLETO </B> <BR>
<input name="nombre" type="text" value="Nombre Encuestado texto máximo 40" size="40" maxlength="45" autofocus>
</TD>
<TD>
<B> ESCRIBA SU DIRECCION </B> <BR>
<input name="direccion" type="text" value="Dirección de residencia texto máximo de 100" size="100" maxlength="100">
</TD>
</TR>
<TR>
<TD>
<B> SELECCIONE EL SEXO </B> <BR>
MASCULINO <input name="SEXO" type="radio" value="masculino"> <BR>
FEMENINO <input name="SEXO" type="radio" value="femenino" checked>
</TD>
<TD>
<B> SELECCIONE LA ACTIVIDAD O ACTIVIDADES REALIZADA(S) </B> <BR>
ESTUDIO<input name="ACTIVIDAD" type="checkbox" value="ESTUDIO"> <BR>
TRABAJO<input name="ACTIVIDAD" type="checkbox" value="TRABAJO"> <BR>
AMA DE CASA<input name="ACTIVIDAD" type="checkbox" value="AMACASA"> <BR>
OTROS<input name="ACTIVIDAD" type="checkbox" value="OTROS"><BR>
</TD>
</TR>
<TR>
<TD>
<B> SELECCIONE LA CIUDAD </B>
<select name="ciudad">
<option selected>--- Elige la Ciudad ---</option>
<option>Cartagena</option>
<option>Barranquilla</option>
<option>Santa Marta</option>
</select>
</TD>
<TD>
<select name="animal" size="4" multiple>
<option selected>-- Que mascota tienes --</option>
<option value="ave">Loro</option>
<option>Perro</option>
<option>Gato</option>
<option>Pez</option>
<option>Ninguno</option>
</select>
</TD>
</TR>
<TR>
<TD>
<B> Fecha de nacimiento</B> <BR>
<input type="date" name="fecha" value="dd/mm/aaaa" />
</TD>
<TD >
Edad Actual: <input type="number" name="edad" min="18" max="65" placeholder="18-65"
</TD>
</TR>
<TR>
<TD>
<B> Registrate en nuestra pagina, Email:</B> <BR>
<input type="email" name="correo" multiple >
</TD>
<TD >
Contraseña: <input type="password" name="clave" >
</TD>
</TR>
<TR>
<TD>
<B> Escriba las observaciones que tenga sobre el colegio </B> <BR>
<textarea name="Observaciones" cols="80" rows="3">
Escribe tus observaciones
</textarea>
</TD>
<TD>
<B> Escriba la hora en que realizo la encuenta</B> <BR>
<input type="time" name="horaInicio" value="hh:mm" />
</TR>
<TR>
<TD align="CENTER">
<BR>
<input name="SUBMIT" type="submit" value="ENVIAR">
<BR><BR>
</TD>
<TD align="CENTER">
<BR>
<input type="reset" value="Nuevo" />
<BR><BR>
</TD>
</TR>
</TABLE>
</form>
</BODY>
</html>
No hay comentarios:
Publicar un comentario