|
|
|
||||||||||||||||||||||
|
|||||||||||||||||||||||
|
|||||||||||||||||||||||
Parceiros - CSS para Web Design - S.O.S Designers - Slackware-Brasil - Crie seu Web site - Oficina da Net |
As etiquetas de HTML 4.0 (2)Explicação das novas etiquetas de HTML 4.0 para uso em formulários. <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:
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>
Autoria e outras referências sobre este artigo Dentro deste artigo: + 1 manual relacionado + 1 categoria relacionada
Manuais relacionados com este artigo Categorias relacionadas Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo: + Entrar em HTMLComentários dos visitantes Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
|
| Sobre nós | Copyright | Anuncie | Entrar em contato | <criarweb> |