Formulários em html

Segue um resumo sobre formulários em HTML:

<form method="post" name="formulário" action="arquivo.php"></form>

• FORM: Tag que representa o formulário propriamente dito. Todas as tags e comandos relacionados devem estar entre <form> e </form>
  • NAME: O nome do Formulário
  • METHOD: Forma de envio do formulário. Pode ser GET (Dados enviados pela URL) ou POST (dados enviados via cabeçalhos HTTP).
  • ACTION: URL que receberá as informações do formulário.

<input name=”texto” />

• INPUT: Indica um objeto de entrada.
  • TYPE: Determina o Tipo do objeto de entrada, cujos tipos estão a seguir:
    • text (padrão caso omitido o atributo) – Campo de texto
    • password – Campo de senha
    • checkbox – Caixa de seleção múltipla
    • radio – Caixa de seleção única
    • submit – Botão de Enviar o formulário
    • reset – Botão de redefinir um formulário
    • file – Campo de seleção de arquivo
    • hidden – Campo oculto
    • image – Campo de Imagem
    • button – Botão usado para uma função definida por javascript
  • NAME: indica o nome do objeto. Para os objetos checkbox e radio, em um grupo de opções, todas elas devem ter o mesmo valor para name. O objeto name é o nome da variável que será interpretada pela URL que receberá as informações.
  • VALUE: Indica um valor padrão para o objeto. Para os objetos button, reset e submit, o atributo value define o texto a ser exibido no botão.
  • CHECKED (apenas para os objetos radio e checkbox): Indica que o objeto de seleção está marcado.
  • DISABLED: Desabilita o objeto, ou seja, não é possível manipular o objeto.
  • READONLY: Impede a edição do objeto, ou seja, não é possível alterar o valor do objeto.
  • SIZE (para objetos de texto: text, password): Indica a o tamanho do campo em número de caracteres.
  • MAXLENGTH (para objetos de texto: text, password): Indica a quantidade máxima de caracteres a ser inserida no campo.
  • SRC (para objeto image): Indica a fonte da imagem

<TEXTAREA NAME=”texto” ROWS=5 COLS=30>Texto padrão</TEXTAREA>

• TEXTAREA: Indica uma caixa de texto definida, cujo valor padrão está entre as tags <TEXTAREA> e </TEXTAREA> 
  • NAME: o nome do objeto
  • ROWS: Número de linhas da caixa de texto
  • COLS: Número de coluna

<SELECT NAME=”menu” size = 1>
<option value=10 selected>10</option>
<option value=5>5</option>
</SELECT>

• SELECT: Indica a existência de um menu suspenso. O atributo SIZE permite alterar a quantidade de linhas que o menu possui.
• O objeto OPTION é o item do menu e sempre fica entre as tags <SELECT> e </SELECT>. O texto a ser exibido no item deve estar entre as tags <OPTION> e </OPTION>.
• O atributo VALUE será o valor a ser transmitido ao formulário. A opção SELECTED indica que este item do menu é o selecionado.

 

Por fim é isto. Em breve teremos mais dicas. Até breve!