|
|||||
|
|
|
|
|
|
|
|
||||
|
|
||||
|
|||||
Etiquetas <BUTTON>...</BUTTON>
A partir de la implementación de los estandares HTML 4.0 contamos con varias etiquetas nuevas para construir formularios, siendo BUTTON una de ellas, bastante util por cierto. La pega es que las versiones de 4 de Nestcape se lanzaron antes de estas implementaciones, por lo que estas nuevas etiquetas sólo se pueden visualizar correctamente con Internet Explorer 4 y superiores.
Esta etiqueta proporcina un método único para la implementación de cualquier tipo de botón de formulario.
Sus principales atributos son:
La principal ventaja que aporta estas etiquetas es que ahora vamos a poder introducir dentro de ellas cualquier elemento de HTML, como imagenes y tablas.
Ejemplos.-
<form action="cgi-bin/control.exe" method="post" enctype="text/plain" name="miform">
<button name="boton_1" type="button">
<table width="10" cellspacing="0" cellpadding="2" border="1">
<tr>
<td>uno</td>
<td>dos</td>
</tr>
<tr>
<td>tres</td>
<td>cuatro</td>
</tr>
</table>
</button>
</form>
con el que obtenemos: (en Nestcape sólo se vera la tabla, no el botón)
<form action="cgi-bin/control.exe" method="post" enctype="text/plain" name="miform">
<button name="boton_1" type="button">
<img src="images/pajaro.gif" width="75" height="30" border="0" alt="enviar">
</button>
</form>
con el que obtenemos: ( en Nestcape sólo se vera la imagen, no el botón)
Etiquetas <LABEL>...</LABEL>
Hasta hora, el texto que acompañaba a los campos de entrada no estaba asociado a los mismos de ninguna manera. Así, por ejemplo, si pulsabamos en el texto que acompañaba a un control de confirmación, no sucedía nada. Ahora, en cambio, si utilizamos la etiqueta LABEL, el control cambiara de estado (sólo disponible en Netscape 5).
<form action="cgi-bin/control.exe" method="post" enctype="text/plain" name="miform">
<label>
<input type="checkbox" name="correo">
deseo que me envíen correo
</label>
</form>
Etiquetas <FIELDSET>...</FIELDSET>
Hasta ahora, no disponíamos de ninguna manera de agrupar visualmente varios
controles, si no echabamos mano de elementos que no son del formulario, como tablas o imagenes.
Ahora, si encerramos una parte de un formulario dentro de la etiqueta FIELDSET se mostrara un
rectangulo alrededor de los mismos. Ademas, podemos indicar un título por medio de la etiqueta
LEGEND, que admite el parametro align="left / center / right / top /bottom", lo que nos permite
alinear el título horizontal y verticalmente. La única pega es que deberemos introducir el conjunto en una celda de tabla con
un ancho determinado, ya que si no lo hacemos así el recuadro abarcara todo el ancho de pantalla
disponible.
Ejemplo.- (Sólo para I. Explorer)
<form action="cgi-bin/control.exe" method="post" enctype="text/plain" name="miform">
<table width="200">
<tr>
<td>
<fieldset>
<legend align="left"><font color="red">Caja de texto</font></legend>
pon tu nombre:
<input type="text" size="15">
</fieldset>
</td>
</tr>
<table>
</form>
con el que obtenemos:
 |
 |