Html (formulário)

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

Transcript of Html (formulário)

Page 1: Html (formulário)

DESENVOLVIMENTO DE APLICAÇÕES PARA WEB

PROF. ANDRÉ COSTA

HTML - Formulário

[email protected]

Page 2: Html (formulário)

HTML-Formulário

<formmethod=“POST”ac4on=“pagina.php”>…itensdoformulário…

</form>

Page 3: Html (formulário)

HTML-Formulário

NomedoUsuário<inputtype=“text”name=“nome_usuario”>

Page 4: Html (formulário)

HTML-Formulário

<labelfor=“nome”>NomedoUsuário</label><inputtype=“text”name=“nome”id=“nome”value=“”maxlength=“100”required>

Page 5: Html (formulário)

HTML-Formulário

MarcarItem<inputtype=“checkbox”name=“item”value=“Item”checked>

Page 6: Html (formulário)

HTML-Formulário

EscolherItem1<inputtype=“radio”name=“item”value=“Item1”checked>EscolherItem2<inputtype=“radio”name=“item”value=“Item2”>

Page 7: Html (formulário)

HTML-Formulário

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

Page 8: Html (formulário)

HTML-Formulário

SelecioneItem<selectname=“item”>

<op4onvalue=“Item1”selected>Item1</op4on><op4onvalue=“Item2”>Item2</op4on>

</select>

Page 9: Html (formulário)

HTML-Formulário

<inputtype=“submit”value=“Enviar”>

Page 10: Html (formulário)

HTML-Formulário

Mãonamassa!Crieoseguinteformuláriodentrodeumatabela:•  Nome(text)•  Sexo(select)[“Selecione”,“Masculino”,“Feminino”]•  Profissão(text)•  Idade(text)•  Descrição(textarea)•  Escolaridade(radio)[“EnsinoMédio”,“Graduado”,“Pós-Graduado”]•  Esportes(checkbox)[“Futebol”,“Basquete”,“Volei”,“Atle4smo”,“Artes

Marciais”,“Musculação”,“Outros”]•  BotãoEnviar(submit)