Como criar uma caixa de senha com programação HTML simples

Escrito por nichelle coleman | Traduzido por josé fabián
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como criar uma caixa de senha com programação HTML simples
Crie uma caixa para digitar senhas facilmente usando HTML (Comstock/Comstock/Getty Images)

HTML, ou Hypertext Markup Language (Linguagem de Marcação de Hipertexto), é uma linguagem de programação usada para criar páginas e sites da web. Sem importar se você está criando uma web pessoal ou empresarial, aprender HTML é muito beneficioso. Saber usar os códigos pode ajudá-lo a manipular as configurações da página. Os arquivos se guardam como plain text (texto puro) com a extensão html ou htm. Você pode criar caixas de senhas para dar criatividade ao seu site, e os usuários podem usá-las para digitar informação confidencial. Estas caixas fazem com que sua página seja mais atraente para os visitantes. Este guia lhe mostrará como criá-las e customizar sua página de forma simples.

Nível de dificuldade:
Fácil

Outras pessoas estão lendo

Instruções

  1. 1

    Abra o processador de texto ou editor que você usará para criar sua página. Entre as etiquetas <FORM> e </FORM>, digite o texto que você quer que apareça ao lado da caixa de senha.

  2. 2

    Digite <INPUT TYPE="password" e pressione a barra de espaço.

  3. 3

    Digite NAME="?" e substitua o ponto de interrogação por uma palavra que descreva o conteúdo da caixa. Pressione a barra de espaço.

  4. 4

    Digite SIZE="?" para definir a largura da caixa. Substitua o ponto de interrogação pelo valor da largura em caracteres.

  5. 5

    Digite MAXLENGTH="?" para definir a quantidade máxima de caracteres que os visitantes podem digitar. Substitua o ponto de interrogação pela quantidade em números. Seu código deve ser similar ao seguinte:

    <P> Número do cartão de crédito: <INPUT TYPE="password" NAME="credit" SIZE="30" MAXLENGTH="16"> </P>

  6. 6

    Abra um navegador para certificar-se de que a página mostra a caixa da senha corretamente. Teste a caixa e verifique se envia a informação corretamente. Para fazer isto, abra seu navegador, clique no menu "Arquivo" e "Abrir". Busque o arquivo e selecione-o para visualizá-lo.

Dicas & Advertências

  • Você deveria abrir sua página em diferentes navegadores para ver como cada um a mostrará.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível