CURSO DE HTML (HIPER TEXT MARKUP LANGUAGE)

UTILIZANDO FORMULÁRIOS

Para fazer uso de formulários é preciso disponibilizar com o provedor de acesso à Internet um programa CGI que ativará a recepção de dados enviados pelo seu formulário.

A tag básica utilizada é:

<form>.....</form>

e dentro da tag seguem as variáveis, que são os conteúdos das informações.

Acompanhe o exemplo:

Nome:<input type="text"name="nome" size=53 maxlenght=53><p>

<input type ="text"> nesta tag definimos a entrada de uma variável tipo texto

"name" é o nome da variável, que pode ser endereço, telefone, etc.

"size" é o tamanho do campo

"maxlenght" é o tamanho dos caracteres da variável. O tamanho máximo para os caracteres é o mesmo tamanho da caixa de entrada.

Também existe a opção de um quadro de seleção para a escolha de dados com valores pré-definidos para a variável.

Nesse caso a tag usada é:

<select name="nome da variável"> e as tags <option selected> que aparecerá sempre selecionada e <options> onde definimos os valores a serem escolhidos.

Exemplo:

UF: <select name=``Estado``>

<option selected>SP

<option>RJ

<option>SC

</select> <p>

Outra opção para entrada de dados são as Caixas de Checkbox. Para isso, basta definirmos no input type a variável como checkbox.

Exemplo:

Sexo:<input type="checkbox"name="box">masculino

<input type="checkbox"name="box">feminino <p>

Com a variável radio você cria opções através de botões de rádio. Da mesma maneira, definindo no input type como radio.

Exemplo:

Estado Civil:

<input type = "radio" name = "estado civil" value "Solteiro" checked>Solteiro (com a opção checked sempre aparecerá selecionada)

<input type = "radio" name = "estado civil" value "Casado">Casado

<input type = "radio" name = "estado civil" value "Divorciado">Divorciado<p>

Para criar botões de enviar e apagar dados, usamos as tags

<input type = "submit" value = "Enviar dados">

<input type = "reset" value = "Apagar dados"><p>

Observe que ensta tag temos a opção value onde definimos o nome do texto que aparecerá no botão.

No final, para terminar:

</font>

</form>