O documento descreve como criar formulários HTML com diferentes tipos de inputs como texto, senha, número, data, email, checkbox, radio, seleção e botão de envio. Ele também fornece um exemplo de formulário a ser criado com nome, sexo, profissão, idade, descrição, escolaridade e esportes.

1. HTML – Formulário
Desenvolvimento de Aplicações para Web
Prof. MSc. André Costa - andre.costa@unifacs.br

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

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

4. HTML - Formulário
<input type=“password” name=“” >
<input type=“number” name=“” >
<input type=“date” name=“” >
<input type=“time” name=“” >
<input type=“datetime-local” name=“” >
<input type=“email” name=“” >
<input type=“tel” name=“” >
<input type=“color” name=“” >
<input type=“range” name=“” >

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

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

7. 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” >
Importante: mesmo ”name”

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

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

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

11. 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)

12. Prof. MSc. André Costa
andre.costa@unifacs.br