DESENVOLVIMENTO DE APLICAÇÕES PARA WEB
PROF. ANDRÉ COSTA
HTML - Formulário
andre.costa@pro.unifacs.br
HTML - Formulário
<form method=“POST” action=“pagina.php”>
… itens do formulário …
</form>
HTML - Formulário
Nome do Usuário
<input type=“text” name=“nome_usuario” >
HTML - Formulário
<label for=“nome”>Nome do Usuário</label>
<input type=“text” name=“nome” id=“nome” value=“” maxlength=“100” required>
HTML - Formulário
Marcar Item
<input type=“checkbox” name=“item” value=“Item” checked >
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” >
HTML - Formulário
Texto
<textarea name=“item”></textarea>
HTML - Formulário
Selecione Item
<select name=“item”>
<option value=“Item 1” selected>Item 1</option>
<option value=“Item 2”>Item 2</option>
</select>
HTML - Formulário
<input type=“submit” value=“Enviar” >
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)

Aula 3 html (formulário)

  • 1.
    DESENVOLVIMENTO DE APLICAÇÕESPARA WEB PROF. ANDRÉ COSTA HTML - Formulário andre.costa@pro.unifacs.br
  • 2.
    HTML - Formulário <formmethod=“POST” action=“pagina.php”> … itens do formulário … </form>
  • 3.
    HTML - Formulário Nomedo Usuário <input type=“text” name=“nome_usuario” >
  • 4.
    HTML - Formulário <labelfor=“nome”>Nome do Usuário</label> <input type=“text” name=“nome” id=“nome” value=“” maxlength=“100” required>
  • 5.
    HTML - Formulário MarcarItem <input type=“checkbox” name=“item” value=“Item” checked >
  • 6.
    HTML - Formulário EscolherItem 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 <textareaname=“item”></textarea>
  • 8.
    HTML - Formulário SelecioneItem <select name=“item”> <option value=“Item 1” selected>Item 1</option> <option value=“Item 2”>Item 2</option> </select>
  • 9.
    HTML - Formulário <inputtype=“submit” value=“Enviar” >
  • 10.
    HTML - Formulário Mãona 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)