Um formulário web é a porta de entrada dos dados de sua aplicação.

É nele que seu usuário faz a entrada de dados.

Abaixo, temos um exemplo de formulário.

<form action="script-para-onde-envio-os-dados.php" method="post">
    <p>Name:  <input type="text" name="username" value="João da Silva" /></p>
    <p>Email: <input type="text" name="email"  value="joao@dasilva.com" /></p>
    <p><input type="submit" value="Submit me!" /></p>
</form>

Leia uma Introdução aos formulários web.

Controles básicos (input)

A tag input compõem a maioria dos controles básicos.

<input type="" name=""/>

A propriedade name será associada ao valor do campo.

Se o propriedade name for, por exemplo, “idade” e o valor digitado pelo usuário for 36 os dados para o servidor serão:

idade=36

Alterando-se a propriedade type podemos obter os seguintes controles:

  • Textbox (input type=”text”)
  • Campos de senha (input type=”password”)
  • Caixa de checagem (input type=”checkbox”)
  • Botões de opção (input type=”radio”)
  • Botões (button, submit e reset)
  • Enviando arquivos (input type=”file”)

Controles básicos (não input)

Nesta categoria encontram-se os controles “combo box”, “list box” e “text box multiline”:

  • Caixa de seleção (combo box)
  • Caixa de multipla seleção (list box)
  • Text box multiline (text area)

Navegue nesta série!


Comentários

comments powered by Disqus