Inicio Atrás Adelante

Introducción de botones

La introducción por botones se realiza cuando hay pocas opciones entre las que poder elegir. En particular, se usa el botón de confirmación cuando sólo hay dos opciones, y los botones de radio cuando son varias las opciones alternativas. En ambos casos se utiliza la marca <INPUT TYPE>, ya conocida con varios atributos.
  • Botón de confirmación
  • El formato habitual es:

    <INPUT TYPE="checkbox" NAME="var">

    Se puede incluir el atributo CHECKED para que el botón de confirmación aparezca seleccionado por defecto.

  • Botones de radio
  • El formato suele ser el siguiente:

    <INPUT TYPE="radio" NAME="var" VALUE="valor">

    Se puede incluir el atributo CHECKED en uno de los botones para que aparezca seleccionado por defecto.

<HTML>
<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>
</TABLE>
</FORM>
</BODY>
</HTML>

muestra56.html

Inicio Atrás Adelante

Arriba