| <<< Voltar |
7.Inserindo os botões
Podemos usar dois tipos de botões em formuários html:
- o botão para limpar os campos
- o botão para enviar os dados
Para criar um botão para limpar os campos usa-se o comando:
<input type=reset value=TEXTO>
onde TEXTO é o texto que aparecerá no botão, se for omitido o texto padrão será RESET.
Para criar um botão para enviar os dados usa-se o comando:
<input type=submit value=TEXTO>
TEXTO representa o texto que aparecerá no botão, se omitido o texto padrão será SUBMIT.
Quando um botão de enviar dados é clicado o conteúdo de todos os campos do formuário é passado para a URL definida no argumento action do comando form. Os dados são enviados para a URL na forma de uma query (consulta). Eles são enviados com a seguinte forma:
action?variável_1=valor&variável_2=valor&variável_n=valor
onde valor especifica o conteúdo das respectivas variáveis.
Exemplo do uso dos botões:
<html>
<head>
<title>exemplo 6</title>
</head>
<body>
<form>
<center>
<b>Entrando no sistema</b><br>
<table border=1 bgcolor=#00FFFF>
<tr>
<td>Usuário</td>
<td><input type=text size=30 maxlength=50></td>
</tr>
<tr>
<td>Senha</td>
<td><input type=password size=6
maxlength=6></td>
</tr>
<tr>
<td colspan=2 align=center>
<input type=reset value="Limpar">
<input type=submit value="Enviar">
</td>
</tr>
</table>
</center>
</form>
</body>
</html>
Para ver o resultado do código acima clique aqui.
| <<< Voltar |