Botones de envío y borrado
 |
Los últimos elementos que faltan en nuestro formulario son los botones que permiten realizar el envío (puesto que sin ellos el formulario no tiene ninguna utilidad) o bien limpiar todos los campos.
Otra vez nos hallamos ante la marca <INPUT TYPE>, que, como sabemos, cuenta con distintos atributos.
- Botón de borrado
- Botón de envío
<INPUT TYPE="reset" VALUE="Borrar">
Aparece en forma de botón gris con un texto en su superficie, el valor que se le ha dado al atributo VALUE.
<INPUT TYPE="submit" VALUE="Enviar">
Aparece en forma de botón gris con un texto en su superficie, el valor que se le ha otorgado al atributo VALUE.
<HEAD>
<TITLE>Formulario con desplegable</TITLE>
</HEAD>
<BODY TEXT="#000020" LINK="#3A5FCD" VLINK="#7EC0EE" ALINK="#FF0000" BACKGROUND="punteado.gif" TOPMARGIN="30">
<FORM ACTION="mailto:direccion@campus.uoc.es" METHOD="POST" ENCTYPE="text/plain">
<TABLE>
<TR>
<TD>Nombre de usuario</TD>
<TD><INPUT TYPE="TEXT" NAME="usuario"></TD>
</TR>
<TR>
<TD>Contraseña </TD>
<TD><INPUT TYPE="PASSWORD" NAME="clave" SIZE="10" MAXLENGTH="10"></TD>
</TR>
<TR>
<TD>Nombre de pila </TD>
<TD><INPUT TYPE="TEXT" NAME="nom" SIZE="10" MAXLENGTH="20"></TD>
</TR>
<TR>
<TD>Sistema operativo</TD>
<TD><SELECT NAME="so" MULTIPLE SIZE="3">
<OPTION SELECTED>Win 95 </OPTION>
<OPTION>Win 98 </OPTION>
<OPTION>Win ME </OPTION>
<OPTION>Win 2000 </OPTION>
<OPTION>Linux </OPTION>
<OPTION>UNIX </OPTION>
</SELECT>
</TD>
</TR>
<TR><TD><B>Botones de confirmación</B></TD></TR>
<TR>
<TD><INPUT TYPE="checkbox" NAME="compraprog" CHECKED>
Deseo adquirir su programa pirata</TD>
</TR>
<TR>
<TD><INPUT TYPE="checkbox" NAME="compraacc" >
Deseo adquirir su pack de accesorios</TD>
</TR>
<TR><TD><B>Botones de radio</B></TD></TR>
<TR>
<TD><INPUT TYPE="radio" NAME="compraprog" VALUE="CD" CHECKED> CD</TD>
<TD><INPUT TYPE="radio" NAME="compraprog" VALUE="disc" > 35 discos</TD>
</TR><TR>
<TD><INPUT TYPE="radio" NAME="compraprog" VALUE="DVD" > DVD</TD>
<TD><INPUT TYPE="radio" NAME="compraprog" VALUE="cinta" > Cinta</TD>
</TR>
<TR>
<TD><INPUT TYPE="reset" VALUE="BORRAR"></TD>
<TD><INPUT TYPE="submit" VALUE="ENVIAR"></TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
