Elemento HTML: formulário

Atributos

O

O

• action: URL a ser usado para envio de formulário
• method: método HTTP a ser usado para envio de formulário (“GET”; “POST”)
• enctype: tipo de codificação do conjunto de dados de formulário a ser usado para envio de formulário ("application/x-www-form-urlencoded"; "multipart/form-data"; "text/plain")
• name: Nome do formulário a ser usado no document.forms API
• accept-charset: Codificações de caracteres a serem usadas para envio de formulário
• novalidate: Ignorar validação de controle de formulário para envio de formulário
• target: Contexto de navegação para envio de formulário.
• autocomplete: Configuração padrão para recurso de preenchimento automático para controles no formulário

Qual Método?

O GET e POST métodos são usados ​​para transferir dados. Podemos usar ambos os métodos para enviar dados de formulário, embora GET é usado para solicitar dados considerando que POST é usado como uma forma de enviando dados para um servidor web. A diferença mais clara entre os dois é que GET anexa o parâmetro de solicitação ao URL, assim:

Contente

dentro de um

Aqui está uma estrutura de formulário típica com exemplos de hierarquia de elementos. Você notará o

e
• elementos sendo usados ​​para conter os botões de opção.

  e

  elementos são comumente usados ​​para agrupar outros controles de formulário e

  é perfeitamente adequado para conter grupos relacionados de entradas de formulário.

  1
  2
  3	Preferred use of ketchup
  4
  5
  6	type="radio" name="ketchup" id="ketchup_1" value="burger" />
  7	for="ketchup_1">Burger
  8
  9
  10	type="radio" name="ketchup" id="ketchup_4" value="fries" />
  11	for="ketchup_2">Fries
  12
  13
  14	type="radio" name="ketchup" id="ketchup_3" value="cheese sandwich" />
  15	for="ketchup_3">Cheese sandwich
  16
  17
  18
  19
  20	type="submit" value="Submit answer" />
  21
  22

  e

  só deve ser usado para agrupar vários controles de formulário, como um rótulo de nível superior.

  Considerações de acessibilidade

  • Rotulagem de controle: rotule todos os controles de formulário adequadamente. Há duas maneiras de associar rótulos a controles de formulário:

    1. dando ao controle um ide fazendo referência a isso id no for atributo na etiqueta.
    2. encapsulando o controle de formulário no rótulo.

  • Preenchimento automático: nas entradas, use o autocomplete="" atributo para tipos de dados comuns (como nome, endereço, data de nascimento, etc.) Muitos navegadores sugerem os detalhes do próprio usuário para uma entrada de formulário ainda mais rápida.

  • Tabulação: Para ditar a ordem de tabulação de elementos interativos (como entradas), você pode usar o tabindex atributo. tabindex="0"por exemplo, seria o primeiro elemento a ganhar foco ao acertar o botão Aba tecla no teclado.

  Fato engraçado: o valor máximo para tabindex é 32767

  Saber mais

  Compartilhe isso:

  • Facebook
  • 18+

  Relacionado

  

  Posted by admin
  Tagged with

  • elemento
  • formulário
  • HTML