HTML Formulário

1. DESENVOLVIMENTO DE APLICAÇÕES PARA WEB
PROF. ANDRÉ COSTA
HTML - Formulário
andre.costa@pro.unifacs.br

2. HTML - Formulário
<form method=“POST” action=“pagina.php”>
… itens do formulário …
</form>

3. HTML - Formulário
Nome do Usuário
<input type=“text” name=“nome_usuario” >

4. HTML - Formulário
<label for=“nome”>Nome do Usuário</label>
<input type=“text” name=“nome” id=“nome” value=“” maxlength=“100” required>

5. HTML - Formulário
Marcar Item
<input type=“checkbox” name=“item” value=“Item” checked >

6. HTML - Formulário
Escolher Item 1
<input type=“radio” name=“item” value=“Item 1” checked >
Escolher Item 2
<input type=“radio” name=“item” value=“Item 2” >

7. HTML - Formulário
Texto
<textarea name=“item”></textarea>

8. HTML - Formulário
Selecione Item
<select name=“item”>
<option value=“Item 1” selected>Item 1</option>
<option value=“Item 2”>Item 2</option>
</select>

9. HTML - Formulário
<input type=“submit” value=“Enviar” >

10. HTML - Formulário
Mão na massa!
Crie o seguinte formulário dentro de uma tabela:
•Nome (text)
•Sexo (select) [“Selecione”, “Masculino”, “Feminino”]
•Profissão (text)
•Idade (text)
•Descrição (textarea)
•Escolaridade (radio) [“Ensino Médio”, “Graduado”, “Pós-Graduado”]
•Esportes (checkbox) [“Futebol”, “Basquete”, “Volei”, “Atletismo”, “Artes
Marciais”, “Musculação”, “Outros”]
•Botão Enviar (submit)