Completo tutorial de HTML - Las nuevas etiquetas de HTML 4.0 (2)

<FIELDSET>... </FIELDSET>

---

Hasta ahora, no disponíamos de ninguna manera de agrupar visualmente varios
controles, si no echábamos 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 rectángulo alrededor de los mismos. Además, podemos indicar un
título por medio de la etiqueta LEGEND, que admite el parámetro 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>

---

<LABEL>... </LABEL>

---

Hasta no hace mucho los campos de entrada no estaban asociados a ellos mismos.
Por ejemplo; a la hora de pulsar sobre un campo de confirmación, ¡ no sucedía
nada! Pero ahora, sí lo pulsamos el control cambiará de estado.

---

Ejemplo:**---<form action="cgi-bin/micontrol.exe" method="post" enctype="text/plain"
name="un ejemplo más">

---

<label>

---

<input type="checkbox" name="email">

---

Le deseamos un feliz año nuevo

---

</label>

---

</form>

---

<BUTTON>... </BUTTON>

---

A partir de la implementación de los estándares HTML 4.0 contamos con varias
etiquetas nuevas para construir formularios, siendo BUTTON una de ellas,
bastante útil 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 proporciona un método único para la implementación de cualquier
tipo de botón de formulario. Sus principales atributos son: 

---

• type= " tipo ", que puede tomar los ya conocidos valores submit (por
  defecto), reset y button.

  ---

   
  
• name= " nombre ", que asigna un nombre identificador único al botón.

  ---

   
  
• value= " texto ", que define el texto que va a aparecer en el botón.
  

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>