Muitas das utilizações elementos de formulário HTML5 são baseadas no entrada

tag. Este cavalo de batalha-construção de página web é um tag de propósito geral usado para fazer uma série de objetos de entrada interessantes, mas não é o único tipo de caixa de texto à sua disposição. Você também pode criar campos de senha e caixas de texto de várias linhas, como mostrado na parte superior deste formulário de demonstração.

O código para as caixas de texto nesta figura parecida com esta:

Demonstração Form

Uma caixa de texto básico

A construção de uma caixa de texto básico é simples:

1. Criar um elemento de entrada.

   o etiqueta cria a estrutura geral do elemento.

2. Colocou o digitar para "texto" para indicar que você está construindo um elemento de texto padrão, e não algo mais elaborado.

3. Adicionar um identidade atributo para o nome do elemento.

   Isto torna-se muito importante quando você adicionar o javascript para a página, porque o seu código javascript usará o ID para extrair dados a partir do formulário.

4. Adicionar dados padrão.

   Você pode adicionar dados padrão, se quiser, usando o valor atributo. Qualquer texto que você colocar no valor se tornará o valor padrão do formulário.

O elemento de texto coloca uma pequena caixa na tela. Quando um visitante de sua página web seleciona a caixa, o cursor mudará para uma viga, e seu visitante será capaz de digitar o texto na caixa.

Um campo de senha

o senha campo, mostrado na figura, é semelhante ao campo de texto comum, mas tem uma diferença fundamental: quando os dados usuário digita no campo de senha, o conteúdo do campo é substituído por asteriscos.

UMA senha campo utiliza a mesma entrada tag como um campo de texto básico. A única diferença é que você defina o identidade atribuir a "senha".

Os asteriscos substituição pode impedir que um espectador mal de descobrir sua senha, mas um campo de senha não oferece nenhuma segurança real - especialmente se você usa javascript, o que torna o código de recuperação disponível gratuitamente para o navegador. javascript não é o idioma a ser usado se você quiser manter um monte de segredos.

Uma caixa de texto com várias linhas

Às vezes você quer dar aos visitantes a sua página web a capacidade de inserir várias linhas de texto. o HTML5 textarea elemento é perfeito para esta situação. Veja como fazer a sua própria área de texto:

1. Comece com a tag para indicar o início de uma caixa de texto de várias linhas.

   Use a tag para dar a sua área de texto um nome se você gosta.

2. Especifique o número de linhas.

   Indicar o número de linhas (ou linhas) de texto que deseja área de texto para conter. caixas maiores acomodar mais texto, mas requerem mais espaço na tela.

3. Indicar o número de colunas.

   O número de colunas mostra como largura (em caracteres) caixa de texto deve ser. Um formulário de página de largura é geralmente 80 caracteres.

4. Adicionar a marca de fechamento.