Como usar campos de texto no formulário 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 necessitam de 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 notas explicativas e exemplos de dados de entrada a qualquer momento eles podem ter dúvidas sobre formatos - como quando ponderando se deseja incluir traços ou espaços em números de cartão de crédito.
Caixas de seleção e botões de rádio, por outro lado, exigir que essa informação para que possam ser devidamente rotulados quando o navegador mostra aos usuários o que seleções estão disponíveis.
Para elementos de entrada que exigem um usuário para selectan (a caixa de seleção ou botão de opção) opção ao invés de digitar algo em um campo, você definir tanto o nome eo 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ê pode usar uma caixa de texto.
Veja como criar um campo de texto com uma única linha:
Defina o tipo de entrada como um campo de texto usando a com o elemento digitar atributo definido como texto.
Em seguida, use o nome atributo para dar o campo de entrada de um nome.
O usuário fornece o valor quando ela digita no campo.
A marcação a seguir cria dois campos de entrada de texto, um para um primeiro nome e um para um último nome:
Em adição ao elementos, essa marcação inclui (e) os elementos da lista 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.
É possível controlar o tamanho de um campo de texto com esses atributos:
tamanho: O comprimento (em caracteres) do campo de texto
comprimento máximo: O número máximo de caracteres que o usuário pode digitar no campo
A marcação a seguir cria um formulário que define ambos os campos a um tamanho de 30 (caracteres) e um comprimento máximo de 25 (caracteres). Mesmo que cada campo será de cerca de 30 caracteres, um usuário pode digitar 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 terá sempre algum espaço em branco entre a entrada do usuário e o fim da caixa de campo em display- você não tem que fazer isso sozinho, mas é visualmente agradável.)
