Las nuevas etiquetas de HTML 4.0 (2)

Explicación de las nuevas etiquetas de HTML 4.0 para uso en formularios.

03/2/03 - <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>

+ 1 manual relacionado
+ 1 categoria relacionada
+ 2 comentarios no revisados

Autoría, licencia y acciones sobre este artículo

Informe de Luciano Moreno* Consultor, diseñador y desarrollador web en ParaRedeBJS. Especialista en usabillidad y diseño centrado en el usuario. Atención: Contenido exclusivo de DesarrolloWeb.com y HTMLWeb.com. No reproducir. Copyright. * Para consultas técnicas utilizar la lista de correo. Versión imprimible del artículo Enviar artículo por e-mail Publicar un comentario del artículo

+ Entrar en HTML

Comentarios sin revisar

Añadir un comentario del artículo Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.

 Se han encontrado 2 comentarios sin revisar

Ver los comentarios no revisados

Añadir un comentario del artículo

Enlaces:

Maestrosdelweb

  Ir arriba