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>