As etiquetas de HTML 4.0 (2)
Explicação das novas etiquetas de HTML 4.0 para uso em formulários.Por Luciano Moreno
Publicado em: 12/5/08
<FIELDSET>... </FIELDSET>
Até agora, não dispúnhamos de nenhuma maneira de agrupar visualmente vários controles, se não aproveitássemos elementos que não são do formulário, como tabelas ou imagens.
Agora, se fechamos uma parte de um formulário dentro da etiqueta FIELDSET se mostrará um retângulo ao redor dos mesmos. Ademais, podemos indicar um título por meio da etiqueta LEGEND, que admite o parâmetro align="left / center / right / top / bottom", o que nos permite alinhar o título horizontal e verticalmente. O único problema é que deveremos introduzir o conjunto em uma célula de tabela com uma largura determinado, já que se não fizermos assim a moldura abarcará toda a largura de tela disponível.
Exemplo.- (Só para I. Explorer)
<form action="cgi-bin/control.exe" method="post" enctype="text/plain" name="meuform">
<table width="200">
<tr>
<td>
<fieldset>
<legend align="left"><font color="red">Caixa de texto</font></legend>
Coloque seu nome:
<input type="text" size="15">
</fieldset>
</td>
</tr>
<table>
</form>
<LABEL>... </LABEL>
Até pouco tempo atrás os campos de entrada não estavam associados a eles mesmos. Por exemplo; na hora de clicar sobre um campo de confirmação, não acontecia nada! Porém agora, se o clicarmos o controle mudará de estado.
Exemplo:
<form action="cgi-bin/meucontrol.exe" method="post" enctype="text/plain" name="mais um exemplo">
<label>
<input type="checkbox" name="email">
Desejamos um feliz ano novo
</label>
</form>
<BUTTON>... </BUTTON>
A partir da implementação dos padrões HTML 4.0 contamos com várias etiquetas novas para construir formulários, sendo BUTTON uma delas, aliás, bastante. O problema é que as versões de 4 de Nestcape foram lançadas antes destas implementações, por isso estas etiquetas só podem ser visualizadas corretamente com Internet Explorer 4 e superiores.
Esta etiqueta proporciona um método único para a implementação de qualquer tipo de botão de formulário. Seus principais atributos são:
- type= " tipo ", que pode tomar os já conhecidos valores submit (por padrão), reset e button.
- name= " nome ", que atribui um nome identificador único ao botão.
- value= " texto ", que define o texto que vai aparecer no botão.
A principal vantagem que traz estas etiquetas é que agora vamos poder introduzir dentro delas qualquer elemento de HTML, como imagens e tabelas.
Exemplos.
<form action="cgi-bin/control.exe" method="post" enctype="text/plain" name="meuform">
<button name="boton_1" type="button">
<table width="10" cellspacing="0" cellpadding="2" border="1">
<tr>
<td>um</td>
<td>dois</td>
</tr>
<tr>
<td>três</td>
<td>quatro</td>
</tr>
</table>
</button>
</form>
Comentários do artigo