Aula 3 html (formulário)

10
DESENVOLVIMENTO DE APLICAÇÕES PARA WEB PROF. ANDRÉ COSTA HTML - Formulário [email protected]

Transcript of Aula 3 html (formulário)

Page 1: Aula 3   html (formulário)

DESENVOLVIMENTO DE APLICAÇÕES PARA WEB

PROF. ANDRÉ COSTA

HTML - Formulário

[email protected]

Page 2: Aula 3   html (formulário)

HTML - Formulário

<form method=“POST” action=“pagina.php”>

… itens do formulário …

</form>

Page 3: Aula 3   html (formulário)

HTML - Formulário

Nome do Usuário<input type=“text” name=“nome_usuario” >

Page 4: Aula 3   html (formulário)

HTML - Formulário

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

Page 5: Aula 3   html (formulário)

HTML - Formulário

Marcar Item<input type=“checkbox” name=“item” value=“Item” checked >

Page 6: Aula 3   html (formulário)

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” >

Page 7: Aula 3   html (formulário)

HTML - Formulário

Texto<textarea name=“item”></textarea>

Page 8: Aula 3   html (formulário)

HTML - Formulário

Selecione Item<select name=“item”>

<option value=“Item 1” selected>Item 1</option><option value=“Item 2”>Item 2</option>

</select>

Page 9: Aula 3   html (formulário)

HTML - Formulário

<input type=“submit” value=“Enviar” >

Page 10: Aula 3   html (formulário)

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)