Como usar campos de texto em seu formulário HTML5

Por Ed Title, Chris Minnick

Você pode usar uma variedade de tipos de campo de entrada em seus formulários, comotexto,senha,rádio(botão),caixa de seleção,escondido,procurar,Telefone(número de telefone),url,o email(Morada),data hora,data,mês,semana,Tempo,datetime-local,número,alcance(define um intervalo de valores numéricos),Cor, e mais.



Nem todos os campos exigem valores para os atributos de nome e tipo (por exemplo, campos de caixa de texto ou senha), mas é uma boa ideia fornecer aos usuários rótulos explicativos e exemplos de dados de entrada sempre que eles tiverem dúvidas sobre os formatos - como ao ponderar se deve incluir travessões ou espaços em números de cartão de crédito.



As caixas de seleção e os botões de opção, por outro lado, exigem essas informações para que possam ser devidamente identificados quando o navegador mostrar aos usuários quais seleções estão disponíveis.

dosagem de zofran por peso

Para elementos de entrada que requerem que o usuário selecione uma opção (uma caixa de seleção ou botão de rádio) em vez de digitar algo em um campo, você define o nome e o valor. Quando o usuário seleciona uma caixa de seleção ou botão de opção e clica em Enviar, o formulário retorna o nome e o valor atribuídos ao elemento.



Campos de texto são campos de linha única nos quais os usuários digitam informações. Quando você precisa 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 linha única:

  1. Defina o tipo de entrada como um campo de texto usando oelemento com omodeloatributo definido paratexto.



  2. Então use o nome atributo para dar um nome ao campo de entrada.

    medicamento de prescrição para gota

    O usuário fornece o valor ao digitar no campo.

A marcação a seguir cria dois campos de entrada de texto, um para o nome e outro para o sobrenome:

 
  • First Name:
  • Last Name:

Em adição aoelementos, esta 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 dá muitas pistas sobre o tipo de informação que você deseja inserir.

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

    comprimido branco 93 2264

    image0.jpg

    Você pode controlar o tamanho de um campo de texto com estes 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 os dois campos como umTamanhode 30 (caracteres de comprimento) e umcomprimento máximode 25 (caracteres de comprimento). Embora cada campo tenha cerca de 30 caracteres, um usuário pode digitar apenas 25 caracteres em cada campo, conforme mostrado na figura.

(Configurando oTamanhoatributo maior quecomprimento máximogarante que o campo de texto sempre terá algum espaço em branco entre a entrada do usuário e o final da caixa do campo em exibição; você não precisa fazer isso sozinho, mas é visualmente agradável.)

image1.jpg

Medicamentos de venda livre
 
  • First Name:
  • Last Name: