Html (formulário)

Post on 12-Apr-2017

1.471 views 0 download

Transcript of Html (formulário)

DESENVOLVIMENTO DE APLICAÇÕES PARA WEB

PROF. ANDRÉ COSTA

HTML - Formulário

andre.costa@pro.unifacs.br

HTML-Formulário

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

</form>

HTML-Formulário

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

HTML-Formulário

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

HTML-Formulário

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

HTML-Formulário

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

HTML-Formulário

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

HTML-Formulário

SelecioneItem<selectname=“item”>

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

</select>

HTML-Formulário

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

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)