Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Manual de HTML
SEÇÕES
Manuais relacionados
+Manual de HTML
Categorias
+HTML

Índice do Manual Manual de HTML
+ Prólogo ao manual de HTML
+ Introdução ao HTML
+ Sintaxes do HTML
+ Sua primeira página
+ Formato de parágrafos em HTML
+ Formatando o texto
+ Cor, tamanho e tipo de letra
+ Atributos para páginas
+ Listas I
+ Listas II
+ Listas III
+ Caracteres especiais
+ Links em HTML
+ Links internos
+ Links locais
+ Links externos, de correio e para arquivos
+ Imagens em HTML
+ Alinhamento de imagens com HTML
+ Formatos gráficos para páginas web
+ As cores e HTML
+ Tabelas em HTML
+ Tabelas em HTML. Atributos para filas e células.
+ Tabelas em HTML. Atributos da tabela e conclusão.
+ Formulários HTML
+ Elementos de formulários. Campos de texto.
+ Outros elementos de formulários
+ Botão Submit, Apagar Campos e outros em formulários HTML
+ Mapas de imagens com HTML
+ Frames em HTML
+ Frames – Explicação básica
+ Frames – Criação de uma estrutura simples
+ Frames – Uma página em cada janela
+ Frames – Orientar os links
+ Frames – Aninhar frames
+ Frames – Atributos avançados
+ Vantagens e incovenientes do uso de frames
+ As etiquetas de HTML 4.0
+ As etiquetas de HTML 4.0 (1)
+ As etiquetas de HTML 4.0 (2)
+ Áudio em HTML I, introdução
+ Áudio em HTML II, características do áudio digital
+ Áudio em HTML (III)
+ Áudio em HTML (IV)

Descrição dos capítulos

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:
  • 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>

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Manual de HTML

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em HTML


Comentários dos visitantes
Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
Acrescentar um comentário do artigo Acrescentar um comentário do artigo



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites