Muitos dos usos elementos de formulário HTML5 são baseados no entrada

tag. Este cavalo de batalha-de construção de página web é uma 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 parece com isso:

Demonstração Form

Uma caixa de texto básico

Construir uma caixa de texto básico é simples:

Video: Formulário de Contato HTML e CSS

1. Criar um elemento de entrada.

   A etiqueta cria a estrutura geral do elemento.

2. Colocou o tipo para “texto“ toindicate 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 javascript à 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 no ecrã. Quando um visitante para 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 usa o mesmo 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ê usar javascript, o que torna o código de recuperação livremente disponível para o navegador. javascript não é o idioma a ser usado se você quiser manter um monte de segredos.

Uma caixa de texto multi-linha

À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:

Video: Vídeo Aula 17 - Restringindo a entrada de dados em Caixas de Texto em Formulários no excel com VBA

1. Comece com o tag para indicar o início de uma caixa de texto multi-line.

   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 na á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. Uma forma principal de largura é geralmente de 80 caracteres.

4. Adicione a tag de fechamento.