Formulários HTML

Formulário HTML

Formulários HTML

Formulários HTML são usados ​​para transmitir dados para um servidor. No formulário HTML pode conter elementos de entrada, como campos de texto, checkboxes, radio-buttons, submit buttons e mais. O form também pode conter listas de seleção, textarea, fieldset, lendas e elementos de rotulagem.

O <form> é usado para criar um formulário HTML:

[box style=’doc’]

<form>
<!– Seu formulário –>
</form>

[/box]

Formulários HTML – Elemento de entrada

O elemento mais importante forma é o elemento <input>. Este elemento é usado para pegar as informações do usuário.

Um elemento <input> pode variar de muitas formas, dependendo do tipo de atributo. O atributo pode ser campo de texto do tipo, checkbox, senha, rádio, botão enviar, e muito mais.

Os tipos mais comuns de entrada encontram-se descritos abaixo.

Campos de texto

<input type=”text”> define um campo de entrada de uma linha que um usuário pode inserir texto em:

[box style=’doc’]
<form>
Nome: <input type=”text” name=”firstname”><br>
Sobrenome: <input type=”text” name=”lastname”>
</form>
[/box]

Como o código HTML acima aparece no navegador:

Nome:
Sobrenome:

Nota: A forma em si não é visível. Observe também que a largura padrão de um campo de texto é de 20 caracteres.

Campo de senha

<input type=”password”> define um campo de senha:

[box style=’doc’]
<form>
Password: <input type=”password” name=”pwd”>
</form>
[/box]

Código no HTML

Password:

Nota: Os caracteres em um campo de senha são mascaradas (como asteriscos ou círculos).

Radio Buttons

<input type=”radio”> define um botão de rádio. Os botões de rádio permitem que um usuário selecionar apenas um de um número limitado de opções:

[box style=’doc’]
<form>
<input type=”radio” name=”sex” value=”male”>Homem<br>
<input type=”radio” name=”sex” value=”female”>Mulher
</form>
[/box]

Código no HTML

Homem
Mulher 

Checkbox

<input type=”checkbox”> define uma caixa de seleção. Caixas de verificação permitem que um usuário selecionar zero ou mais opções de um número limitado de opções.

[box style=’doc’]

<form>
<input type=”checkbox” name=”vehicle” value=”Bike”>I have a bike<br>
<input type=”checkbox” name=”vehicle” value=”Car”>I have a car
</form>

[/box]

Código no HTML

I have a bike
I have a car

Submit Button

<input type=”submit”> define um botão de envio.

Um botão submit é usado para enviar os dados do formulário para um servidor. Os dados são enviados para a página especificada no atributo action do formulário. O arquivo definido no atributo action geralmente faz algo com a entrada recebida:

[box style=’doc’]
<form name=”input” action=”enviar.php” method=”get”>
Username: <input type=”text” name=”user”>
<input type=”submit” value=”Submit”>
</form>
[/box]

Código no HTML

Username:

Se você digitar alguns caracteres no campo de texto acima, e clique no botão “Enviar”, o navegador irá enviar o seu contributo para uma página chamada “html_form_action.asp”. A página irá mostrar-lhe as sugestões recebidas.

Comentários

Comentários