Como usar campos de texto em sua forma html5

Você pode usar uma variedade de tipos de campos de entrada em suas formas, tais como texto

, senha, rádio (botão), checkbox, escondido, pesquisa, tel (número de telefone), url, o email (endereço), data hora, encontro, mês, semana, Tempo, datetime-local, número, alcance (Define um intervalo de valores numéricos), cor, e mais.

Nem todos os campos requerem valores para o nome e tipo de atributos (por exemplo, caixa de texto ou campos de senha), mas é uma boa idéia para fornecer aos usuários com rótulos explicativos e exemplos de dados de entrada a qualquer momento eles podem ter perguntas sobre formatos - como quando ponderando se deseja incluir traços ou espaços em números de cartão de crédito.

As caixas de seleção e botões de rádio, por outro lado, exigem essas informações para que possam ser devidamente rotulados quando o navegador mostra aos usuários o que seleções estão disponíveis.

Video: Curso de jQuery Mobile 7 - Campos de texto y algunos elementos HTML5

Para elementos de entrada que exigem que o usuário selecione (A caixa de seleção ou botão de opção) ao invés de digitar algo em um campo de uma opção, você define o nome e o valor. Quando o usuário seleciona uma caixa de seleção ou um botão de opção e, em seguida, clica em Enviar, a forma retorna o nome eo valor atribuído ao elemento.

Os campos de texto são campos de linha única na qual os usuários digitam informações. Quando você precisa para oferecer ao usuário a oportunidade de preencher mais de uma linha, você usa uma caixa de texto.

Veja como criar um campo de texto de uma única linha:

  1. Definir o tipo de entrada como um campo de texto usando o elemento com o tipo atributo definido como texto.

  2. Em seguida, use o nome atribuir a dar o campo de entrada de um nome.

    O usuário fornece o valor quando ela digita no campo.



A seguinte marcação cria dois campos de entrada de texto, um para um primeiro nome e um para um último nome:

Além dos elementos, essa marcação inclui lista (e) elementos e algum texto para rotular cada campo de entrada. Por si só, a maioria dos elementos do formulário não dar muitas pistas sobre o tipo de informação que você quer que eles para entrar.

Você deve usar blocos de HTML e elementos inline para formatar a aparência de sua forma e também para fornecer o texto necessário. A figura mostra como um navegador exibe este tipo de HTML.

Video: HTML Básico – 14. Formularios HTML5, parte 1

Você pode controlar o tamanho de um campo de texto com esses atributos:

  • Tamanho: O tamanho (em caracteres) do campo de texto

  • comprimento máximo: O número máximo de caracteres que o utilizador pode digitar no campo

A seguinte marcação cria um formulário que define ambos os campos a um Tamanho de 30 (caracteres) e uma comprimento máximo de 25 (caracteres). Mesmo que cada campo será cerca de 30 caracteres, um utilizador pode escrever apenas 25 caracteres em cada campo, como mostrado na figura.

(Definição do Tamanho atribuir maior do que comprimento máximo garante que o campo de texto sempre terá algum espaço em branco entre a entrada do usuário e o fim da caixa de campo no display-você não tem que fazer isso sozinho, mas é visualmente agradável.)

Video: #2 HTML Aula 17 - Formatação de formulários com CSS


Publicações relacionadas