Formulários Um formulário é um modelo para a entrada de um conjunto de dados.O elemento <FORM> delimita um formulário e contém uma seqüênciade elementos de entrada e de formatação do documento.

<FORM ACTION="URL_de_script" METHOD=método>...</FORM> ACTION Especifica o URL do script ao qual serão enviados os dados do formulário

METHOD Seleciona um método para acessar o URL de ação. Os métodos usados atualmente são GET e POST.Ambos os métodos transferem dados do browserpara o servidor, com a seguinte diferença básica: POST - os dados entrados fazem parte do corpo da mensagem enviada para o servidor e transfere grande quantidade de dados. GET - os dados entrados fazem parte do URL associado à consulta enviada para o servidor e suporta até 128 caracteres.

Campo de dados texto<FORM> Nome: <INPUT TYPE=TEXT NAME=“Nome”> </FORM>Campo de dados senha<FORM> Login: <INPUT TYPE=TEXT NAME=login><br> Senha: <INPUT TYPE=PASSWORD NAME="senha"> </FORM>VALUENome: <INPUT TYPE=TEXT NAME="nome" VALUE="Seu nome"> SIZE<FORM> Endereço: <INPUT TYPE=TEXT SIZE=35> </FORM>MAXLENGHT<FORM> Dia do mês: <INPUT TYPE=TEXT NAME="ex" MAXLENGHT=2> </FORM>

INPUTO campo <INPUT> tem um atributo TYPE, ao qual atribuímos

seis valores diferentes para gerar seis tipos diferentes de entrada de dados.

CHECKBOXCHECKBOX insere um botão para escolha de opções. A cada alternativa insere um botão para escolha de opções. A cada alternativa corresponde um valor a ser manipulado pelo script que processa os corresponde um valor a ser manipulado pelo script que processa os dados. Pode ser escolhida mais de uma alternativa. dados. Pode ser escolhida mais de uma alternativa.

<h3>Esportes que você pratica:

<form><INPUT TYPE=CHECKBOX NAME="esporte“ VALUE="basquete">Basquete <br>

<INPUT TYPE=CHECKBOX NAME=esporte VALUE=bocha>Bocha<br>

<INPUT TYPE=CHECKBOX NAME="esporte" VALUE="volei" CHECKED=Vôlei> Volei <br>

<INPUT TYPE=CHECKBOX NAME="esporte" VALUE="futebol">Futebol

</form>

Múltipla escolhaMúltipla escolha

Insere um botão de escolha de valores para uma opção, isto é, somente Insere um botão de escolha de valores para uma opção, isto é, somente uma alternativa pode ser escolhida uma alternativa pode ser escolhida

<h3>Seu time do coração:</h3>

<form>

<INPUT TYPE=RADIO NAME="time" VALUE="palm">Palmeiras <br>

<INPUT TYPE=RADIO NAME="time" VALUE="inte">Internacional <br>

<INPUT TYPE=RADIO NAME="time" VALUE=“vasco" CHECKED>Vasco <br>

<INPUT TYPE=RADIO NAME="time" VALUE=“Flu">Fluminense

</form>

Escolha única REscolha única RADIOADIO

SUBMITSUBMIT apresenta o botão que causa o envio dos dados de apresenta o botão que causa o envio dos dados de entrada para o servidorentrada para o servidor

<FORM> <INPUT TYPE=SUBMIT> </FORM>É possível modificar a mensagem desse botão através do atributo

VALUE

RESET restaura os valores iniciais das entradas de dados. <FORM> <INPUT TYPE=RESET> </FORM>É possível modificar a mensagem desse botão através do atributo

VALUE

Botões de açãoBotões de ação

SELECT e TEXTAREASELECT e TEXTAREA

<SELECT> apresenta uma lista de valores, através de campos OPTION.

<h3>Escolha seu sabor preferido:</h3><form><SELECT NAME="sabor"> <OPTION>Abacaxi <OPTION>Creme <OPTION>Morango <OPTION>Chocolate </SELECT> </form>Também é possível estabelecer uma escolha-padrão, através do atributo SELECTED

Com o atributo SIZE, escolhe-se quantos itens da lista serão mostrados

<TEXTAREA><TEXTAREA> abre uma área para entrada de texto, de abre uma área para entrada de texto, de acordo com atributos para número de colunas, linhasacordo com atributos para número de colunas, linhas

<h3> Deixe seu comentário </h3

<form>

<TEXTAREA COLS=40 ROWS=5 NAME="comentario">Digite aqui!!! </TEXTAREA>

</form>

ExercícioExercício