Programação para Internet
Formulários HTML
Elemento form
- Este deve envlver toda a área dos campos na página
- Atributos
- action: para onde irão os dados
- method: como os dados serão enviados, ou via GET ou via POST
Elemento label
Elemento Input
- Geralmente para envio dos dados
- Atributos:
- value: define um valor padrão
- name: define o nome para o campo -- necessário para a posterior programação
- id: Identificador
- type:
- text: recebe texto
- password: alterar a forma de exibição para pontos (segurança)
- submit/image: para que o dados sejam submetidos
- radio: restringe as opções em apenas uma possível
- checkbox: permite selecionar várias opções
- reset: apaga os dados do formulário
- file: opção para upload de arquivo
<form action="recebedados.php" method="post">
<p>
<label for="nome">Nome: </label>
<input type="text" name="nome" id="nome" />
</p>
<p>
<label for="email">E-mail: </label>
<input type="text" name="email" id="email" />
</p>
<p>Gênero<br />
<label><input type="radio" name="genero" value="F" /> Feminino</label><br />
<label><input type="radio" name="genero" value="M" /> Masculino</label>
</p>
</form>
Elemento textarea
- Para criar um campo de texto com várias linhas. Exemplo: inserir um comentário, uma mensagem, entre outros
- Tem tag de abertura e fechamento, pois em um formulário para editar os dados é necessário que todo texto esteja dentro
<textarea name="mensagem" cols="20" rows="5">
</textarea>
Elemento select
- Permite condesar todos os dados de um grupo em particular. Exemplo: UF, cidades, meses, dias, anos, entre outros.
<select name="uf">
<option valeu="rn">RN - Natal</option>
<option valeu="pe">PE - Recife</option>
<option valeu="pb">PB - João Pessoa</option>
...
</select>
Elemento fieldset e legend
- Organiza o formulário em área