Como mascarar a entrada em uma caixa de texto em HTML

Escrito por brandy alexander | Traduzido por marco aurelio zancan
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como mascarar a entrada em uma caixa de texto em HTML
Processo para editar arquivos HTML (Comstock/Comstock/Getty Images)

Ao criar um formulário de internet, você poderá mascarar as entradas que um visitante digita na caixa de texto. Essa máscara interativa troca os caracteres digitados pelo usuário por asteriscos ou círculos para garantir a privacidade dos dados. Considere o uso dessa ferramenta para informações sensitivas, tais como campos de cartão de crédito. Você também poderá aprender a modificar um formulário HyperText Markup Language (HTML) para ativar a função de máscara em sua caixa de texto.

Nível de dificuldade:
Moderadamente desafiante

Outras pessoas estão lendo

Instruções

  1. 1

    Abra seu programa editor de textos e abra o site que possui a caixa a ser editada.

  2. 2

    Localize a marcação "<form>" no documento, e ache o elemento de abertura "input>" que cria a opção de texto que você quer mascarar. Por exemplo, uma caixa de texto para um sobrenome se parece com o seguinte trecho: <input type="text" name="last" />

  3. 3

    Apague a entrada "text" depois do atributo "type", e insira "password" em seu lugar, dessa maneira:

    <input type="password" name="last" />

    O valor de senha informa o navegador para que ele esconda as informações, conforme elas são digitadas pelo usuário.

  4. 4

    Salve sua página. Clique na opção “Abrir” ou “Abrir arquivo”, abaixo do menu “Arquivo” de seu navegador, para pré-visualizar a nova capacidade de entrada mascarada em seu formulário web.

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