HTML Tutorial

Alinhamento
Formatação
Títulos
Linhas
Listas
Tabelas
Imagens
Mapas Clicáveis
Frames

A container tag <form> e seus atributos: name, action e method:
<form name="form1" action="mailto:[email protected]" method="post">
...
</form>

Caixas de texto:
São definidas com a empty tag <input> e seu atributo type inicializado com os valores text, password e hidden (neste caso, a caixa é invisível).  Veja os exemplos:
<input type="text" name="text1" value="seu nome, por exemplo" 
maxlength="20" size="40">
Digite algo:
<input type="password" name="text2" value="senha" 
maxlength="10" size="20">
Digite uma senha:
<input type="hidden" name="oculto1" value="oculto">
Campo oculto:
Caixas de verificação/seleção:
São definidas atribuindo-se o valor "checkbox" ao atributo type da tag <input>:
<input type="checkbox" name="checkbox1" value="seleção" checked>
Seleção 1 Seleção 2 Seleção 3
Botões de opção:
São definidas atribuindo-se o valor "radio" ao atributo type da tag <input>:
<input type="radio" name="radio1" value="opção" checked>
Grupo 1: Opção 1 Opção 2 Opção 3
Grupo 2: Opção 1 Opção 2 Opção 3
Campos de Entrada de Texto:
São definidos pela container tag <textarea> e seus atributos name, rows e cols:
<textarea name="textarea1" rows="1" cols="20">Sugestão</textarea>
Comentário 1: Comentário 2:
Menus e Listas:
São definidos pela container tag <select> (e seus atributos name, size e multiple) e pela empty tag <option> (e seus atributos value e selected):
<select name="select1" size="3" multiple>
<option value="opção n" selected>Opção n
...
</select>
  Caixa de combinação: Caixa de listagem, size=1 Caixa de listagem, size=3
Escolha simples:
Escolha múltipla:

Botões:
O atributo type da tag <input> define 3 tipos de botões conforme os valores "button", "reset" e "submit":
<input type="button" name="botão1" value="ação n">
<input type="reset" name="limpa" value="LIMPAR">
<input type="submit" name="envia" value="ENVIAR">


A imagem abaixo faz o mesmo que o botão "ENVIAR" quando atribuimos o valor "image" ao atributo type da tag <input> e incluimos o atributo src referente ao arquivo de  imagem:
<input type="image" name="mail1" value="enviar" src="figura1.gif">
Hosted by www.Geocities.ws

1