Skip to content

Estrutura "campo"

Leonel Sanches da Silva edited this page Jan 26, 2024 · 5 revisions

A estrutura <campo> renderiza na página um campo de formulário, seja textos ou caracteres numéricos e especiais.

Ela é a mais essencial quando se trata de um formulário, pois é através dela que os valores são inseridos pelo usuário e enviados para sistemas. Além disso, é adaptável a vários tipos de páginas.

Exemplos

<título1>Insira uma data:</título1>
<campo tipo="date" />

Atributos

  • aceita: especifica um filtro para quais tipos de arquivo o usuário pode escolher na caixa de diálogo de entrada de arquivo (somente para tipo="file").
  • altura: especifica a altura de um elemento <campo> (somente para tipo="image").
  • autocompletar: especifica se um elemento <campo> deve ter o preenchimento automático habilitado.
  • autofoco: especifica que um elemento <campo> deve obter foco automaticamente quando a página for carregada.
  • alvoformulário: especifica em qual elemento que será exibido as informações contidas na estrutura <campo>.
  • direção-texto (ou direcao-texto): especifica que a direção do texto será enviada.
  • fonte;
  • formulário (ou formulario): especifica o formulário ao qual o elemento <campo> pertence.
  • largura: especifica a largura de um elemento <campo> (somente para tipo="image").
  • mínimo: especifica um valor mínimo e obrigatório de caracteres para a estrutura <campo>.
  • máximo: especifica um valor máximo e obrigatório de caracteres para a estrutura <campo>.
  • nome: especifica o nome de um elemento <campo>.
  • obrigatório (ou obrigatorio): especifica que o campo com o stributo deve ser preenchido antes de enviar o formulário.
  • selecionado: especifica que um elemento <campo> deve ser pré-selecionado quando a página for carregada (para tipo="checkbox" ou tipo="radio").
  • tamanho: especifica a largura, em caracteres, de um elemento <campo>.
  • tipo: especifica o elemento tipo <campo> a ser exibido (ver todos os tipos mais abaixo).
  • valor: especifica o valor de um elemento <campo>.
  • lista: Se refere a estrutura <lista-pesquisável>, no qual contém opções pré-definidas para o elemento <campo>

Tipos

<campo tipo="botão" />
<campo tipo="caixa-checagem" />
<campo tipo="cor" />
<campo tipo="data" />
<campo tipo="data-hora" />
<campo tipo="e-mail" />
<campo tipo="arquivo" />
<campo tipo="escondido" />
<campo tipo="imagem" />
<campo tipo="mês" />
<campo tipo="número" />
<campo tipo="senha" />
<campo tipo="rádio" />
<campo tipo="intervalo" />
<campo tipo="reiniciar" />
<campo tipo="pesquisar" />
<campo tipo="enviar" />
<campo tipo="telefone" />
<campo tipo="texto" /> (valor padrão)
<campo tipo="hora" />
<campo tipo="url" />
<campo tipo="semana" />

Tradução para HTML

<campo> é traduzida como <input>.

Atributos de <cabeça>

  • <base-ligações>
  • <estilo>
  • <meta>
  • <recurso>
  • <título>
Clone this wiki locally