sábado, 18 de fevereiro de 2012

Formulários - 2° parte: a tag input

A tag input define um campo para a entrada de informações. Cada campo atribui o seu conteúdo a uma variável que possui nome e tipo específico.

A sintaxe básica é:

<input type='tipo' src='img' name='nome' value='valor' size='tamanho' maxlength='comprimento'>

onde:

  • type='tipo': Define o tipo de variável, que pode ser:
    • text: Área de texto. Ele aceita os atributos name, value, size e maxlength
      • name: Nome do campo ou variável.
      • value: Define o valor do campo.
      • size: Define o tamanho da área de texto.
      • maxlength: Define a quantidade de caracteres que poderão ser inseridos no campo.
    • password: Área de senha. Ele aceita os atributos name, value, size e maxlength
      • name: Nome do campo ou variável.
      • value: Define o valor do campo.
      • size: Define o tamanho da área de texto.
      • maxlength: Define a quantidade de caracteres que poderão ser inseridos no campo.
    • hidden: Define uma entrada oculta. Ele aceita os atributos name e value.
      • name: Nome do campo ou variável.
      • value: Define o valor do campo.
    • radio: Define um botão com uma opção. Ele aceita os atributos name e value.
      • name: Nome do campo ou variável.
      • value: Define o valor do campo.
      • checked: Define que o 'radio' será selecionado
    • checkbox: Define um botão com várias opções. Ele aceita os atributos name e value.
      • name: Nome do campo ou variável.
      • value: Define o valor do campo.
      • checked: Define que o 'checkbox' será selecionado
    • button: Define um botão comum. Ele aceita os atributos name e value.
      • name: Nome do campo ou variável.
      • value: Define o valor do campo, podendo ser button, reset, submit.
      • title: Define uma legenda ao botão.
    • file: Define um botão que ao clicar abre uma janela para a seleção de arquivos. Ele aceita os atributos name e value.
      • name: Nome do campo ou variável.
      • value: Define o valor do campo.
    • textarea: Define uma área de texto com mútiplas linhas. Ele aceita os atributos name.
      • name: Nome do campo ou variável.
    • password: Define uma área de texto do tipo senha. Ele aceita os atributos name, value, size e maxlength
      • name: Nome do campo ou variável.
      • value: Define o valor do campo.
      • size: Define o tamanho da área de texto.
      • maxlength: Define a quantidade de caracteres que poderão ser inseridos no campo.
    • reset: Define um botão que possui a função de apagar todo o formulário.

Nenhum comentário:

Postar um comentário

Printfriendly

Postagens populares