Opções de entrada de texto para formulários HTML

• Pode 7, 2024

No artigo "Partes de um formulário de site", discutimos brevemente as opções de entrada disponíveis para designers de formulários. Agora é hora de examinar mais de perto algumas dessas opções. Especificamente, aqui estão três campos que permitem capturar e armazenar informações de texto inseridas por seus visitantes.

Campo de texto
O campo de texto é um dos campos de formulário usados ​​com mais frequência. É usado para capturar respostas curtas em texto, como o nome do visitante. Você pode usar "size =" para alterar o tamanho do campo de texto; "maxlength =" para limitar o número de caracteres que o visitante pode inserir, como um número de telefone ou código postal; e você também pode definir um valor inicial com "value =".

Um campo de texto codificado assim:



... ficaria assim no seu site:



Área de texto
As áreas de texto são usadas com menos frequência que os campos de texto; eles são usados ​​para capturar blocos maiores de entrada; portanto, você pode adicionar um ao seu formulário como um campo Comentários, por exemplo. Assim como no campo de texto, você pode especificar o tamanho do campo; "linhas =" define a largura da área de texto, enquanto "cols =" define sua altura. As áreas de texto também têm uma opção de quebra de linha. Se você defini-lo como "wrap = off", o texto inserido será tratado como uma linha longa; "wrap = virtual" significa que o texto parece quebrar dentro do formulário, mas os dados são enviados ao servidor sem quebras de linha, enquanto "wrap = physical" faz com que o formulário adicione quebras de linha reais ao campo e envie-o ao servidor com os intervalos incluídos.

Uma área de texto codificada como esta:

Você pode experimentar inserindo algum texto nesta caixa.

... ficaria assim:

-TEXTAREA- linhas = "6" cols = "40" wrap = "virtual"> Você pode experimentar inserindo algum texto nesta caixa.-TEXTAREA->

Campo Senha

O campo da senha é semelhante ao campo de texto, mas tudo o que o visitante entra no campo é obscurecido - tudo o que o visitante vê é uma sequência de pontos. Isso pode ser extremamente reconfortante para um visitante, pois qualquer pessoa que estiver atrás deles ao digitar suas informações não poderá obter a senha do usuário de imediato. Lembre-se de que os dados inseridos em um campo de senha não são realmente criptografados - se você deseja adicionar segurança às informações do usuário, precisará fazer isso de outra maneira, geralmente configurando um site seguro.

Os atributos do campo de senha são idênticos aos de um campo de texto.

Um campo de senha codificado como este:



... ficaria assim:

Instruções De Vídeo: Curso de HTML5 - 33 - Formulários em HTML5 (parte 1) - by Gustavo Guanabara (Pode 2024).