Formulários em html

1,243 views

Published on

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
1,243
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
26
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Formulários em html

  1. 1. FORMULÁRIOS EM HTML
  2. 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. 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. 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. 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. 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. 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. 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. 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. 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>

×