Your SlideShare is downloading. ×
0
Formulários em html
Formulários em html
Formulários em html
Formulários em html
Formulários em html
Formulários em html
Formulários em html
Formulários em html
Formulários em html
Formulários em html
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Formulários em html

612

Published on

Como criar formulários em HTML

Como criar formulários em HTML

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
612
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. FORMULÁRIOS EM HTML
  • 2. Formulários São usados para entrada de dados e ou interação com o usuário. Tag: <form> </form> Atributos: Name – indica o nome do form Action- indica o url que receberá os dados. (aqui você poderá usar mailto:fulano@provedor.com.br ou a página que será chamada)
  • 3. Method – define o método de envio dos dados. Valores possíveis: Get e post.   METHOD="GET“, um formulário que utilize este método, envia toda sua informação ao final da URL ativada. METHOD="POST", envia imediatamente após a requisição e o servidor continua ouvindo, pois ele sabe que a qualquer momento ele receberá mais informações. Este é o melhor método.
  • 4. OBJETOS DE CONTROLE DO FORM Input – indica um objeto inserido no form. Sintaxe: <input type=tipo name= nome value=valor padrão maxlength = tamanho máximo size = tamanho exibido>. Ex: <input type=text name=nome maxlength=40> Type pode ser: password (senha), Checkbox, radio, Reset, Submit
  • 5. • • Password – Igual ao campo text, porém quando digitamos algo neste campo serão exibidos asteriscos(*). Ex.: <input type=password name=senha maxlenght=5> Checkbox – são caixas de verificação. Valores verdadeiros (quando são marcadas) e falsos (quando não são) Ex.: <input type=checkbox name=sexo value=masculino>Masculino <input type=checkbox name=sexo value=feminino> Feminino
  • 6. • Radio – Os radios são parecidos com o checkbox, mas com uma diferença, somente marca um de cada vez, o que não acontece com o checkbox. O que faz um grupo de radio é o name ser igual. Ex.: <input type=radio name=sexo value=m checked> Masculino <input type=radio name=sexo value=f> Feminino
  • 7. BOTÕES Reset – Cria um botão de limpar os dados do formulário Ex.: <input type=reset name=limpar value=limpar> • Submit – Cria um botão que envia os dados do formulário. Ex.: <input type=submit name=Enviar value=Enviar> •
  • 8. Textarea – é usada para campos de observação ou qualquer outro tipo de dados que requeiram grande espaço para digitação. Tag: <textarea> </textarea> Ex.:<textarea rows=10 cols=2> </textarea> Rows – define o número de linhas da área Cols- define o número de colunas da área •
  • 9. Select – cria uma lista com um botão dropdown Tag: <select> </select> Sintaxe: <select name=nome> <option value=texto> </select> Name=define o nome do objeto • Ex.: <select name=uf> <option>AC </option> <option>AL </option> <option>AP </option> <option>AM </option> </select>
  • 10. <form><center><font size=28>Cadastro de cliente</font></center> <p> Nome<input type=text name=txtnome> </p> <p>Endereço<input type=text name=txtendereco></p> <p>Sexo<input type=radio name=mascfem>Masculino <input type=radio name=mascfem>Feminino</p> <p><select name=“cep”>Cep <option>SP<option>RJ<option>MG </select></p> <p>Deseja receber e-mail informativo? <input type=checkbox name=resp value=sim>Sim <input type=checkbox name=resp value=nao> Não </p><input type=submit value=Enviar name=enviar> <input type=reset value=Cancelar name=cancelar> </form>

×