Sie sind auf Seite 1von 8

CONTROLES

Controles (type=Text)

TecWebU3Controles

<form>
<h2>Formulario 1</h2>
<p>modificar los atributos de SIZE y MAXLENGTH</p>
<p><INPUT TYPE="text" SIZE="20" MAXLENGTH="20"></p>
<p><INPUT TYPE="text" SIZE="20" MAXLENGTH="5"></p>
<p><INPUT TYPE="text" SIZE="20" MAXLENGTH="15"></p>
<h2>Formulario 2</h2>
<p>tipo Password </p>

<p><input type="text" size="20" value="Nombre de usuario" maxlength="20"


/></p>
<p><input type="password" size="20" maxlength="5" /></p>
</form >
Controles (type=radio)
<form>
<h2><strong>Formulario 3</strong></h2>
<p>controles RADIO</p>
<p>Control Radio por Default<INPUT TYPE="radio"></p>
<p>Control Radio seleccionado<INPUT TYPE="radio" CHECKED></p>

<p>Ejercicio de edad</p>
<p><INPUT TYPE="radio" NAME="sexo" VALUE="Masculino">Masculino</p>
<p><INPUT TYPE="radio" NAME="sexo" VALUE="Femenino">Femenino</p>

<p>Conjunto de Radio buttons</p>


<p><INPUT TYPE="radio" NAME="musica" VALUE="Jazz">Jazz</p>
<p><INPUT TYPE="radio" NAME="musica" VALUE="Pop">Pop</p>
<p><INPUT TYPE="radio" NAME="musica" VALUE="Rock">Rock</p>
<p><INPUT TYPE="radio" NAME="musica" VALUE="Country">Country</p>
<p>
<input type="submit" name="boton1" value="seleccionar" />
</p>
<p>&nbsp;</p>
<p><INPUT TYPE="radio" VALUE="Jazz">Jazz</p>
<p><INPUT TYPE="radio" VALUE="Pop">Pop</p>
<p><INPUT TYPE="radio" VALUE="Rock">Rock</p>
<p><INPUT TYPE="radio" VALUE="Country">Country</p>
</form >
RADIO BUTTONS DIFERENTES SELECCION
<form>
<h2><strong>Formulario 4</strong></h2>
<p>Conjunto de Radio buttons con diferente seleccion</p>
<p>SELECCIONE SU MUSICA PREFERIDA </p>
<table width="361" border="0">
<tr>
<td width="73"><input type="radio" name="musica" value="Jazz" />
Jazz</td>
<td width="84"><input type="radio" name="musica" value="Pop" />
Pop</td>
<td width="91"><input type="radio" name="musica" value="Rock" />
Rock</td>
<td width="95"><input type="radio" name="musica" value="Country" />
Country</td>
</tr>
</table>
<p>SELECCIONE EL TIPO DE PELICULAS QUE PREFIERE </p>
<table width="468" border="0">
<tr>
<td width="73"><input type="radio" name="cine" value="Accion" />
Acci&oacute;n</td>
<td width="84"><input type="radio" name="cine" value="Comedia" />
Comedia</td>
<td width="171"><input type="radio" name="cine" value="CienciaFiccion" />
Ciencia-Ficci&oacute;n</td>
<td width="122"><input type="radio" name="cine" value="Drama" />
Drama </td>
</tr>
</table>
</form >
CHECK BOX

<form action="resultadoCheck.php" method="post">


<p><input type="checkbox" name="medico" >Mdico</p>
<p><input type="checkbox" name="programador"
checked>Programador</p>
<p><input type="checkbox" name="licenciado" >Licenciado en
Informatica</p>
<p><input type="checkbox" name="ingeniero" >Ingeniero</p>
<center><input type="submit" value="Enviar" ></center>
</form>
LISTAS

<form action="resultadoListas.php" method="post">


Elija un color:<br>
<center>
<select name="color">
<option>Verde
<option>Negro
<option>Rojo
<option>Azul
</select>
</center>

Elija un color:<br>
<center>
<select name="color2">
<option value="verde">Verde
<option value="negro" selected>Negro
<option value="rojo">Rojo
<option value="azul">Azul
</select>
</center>

Elija un color:<br>
<center>
<select name="color3" size="2" >
<option value="verde" >Verde</option>
<option value="negro" title="texto Negro" selected>Negro
<option value="rojo">Rojo
<option value="azul">Azul
</select>
</center>
<input type="submit" value="Envia releccin">
</form >
Ejercicios
Desarrolle los siguientes formularios
1. CURP
2. HOTMAIL
3. FACEBOOK
Aplique la estructura con las tablas y controles necesarios
Aspectos obligatorios del manual Web - HTML

Desarrollo del Sitio Web


Incluir Men para conectar a todas las paginas
Datos en Pie de Pgina
Informacin de los PDF vistos en clase

NOMBRE DEL TRABAJO DE INVESTIGACIN

ProWebU2.Inv.RamirezErik

Das könnte Ihnen auch gefallen