Deseja modificar o placeholder de uma página, caixa input de um formulário? O JavaScript pode te ajudar!
Em vez de editar o HTML de uns inputs, usaremos JavaScript para alterar este elemento na página. Abaixo, vamos compartilhar opções diferentes que farão essencialmente a mesma coisa, portanto a escolha é sua!
AVISO: VOCÊ ESTÁ ENTRANDO NO TERRITÓRIO DE DESENVOLVEDOR
Portanto, se você não estiver familiarizado com HTML, Javascript e CSS, considere consultar um desenvolvedor experiente.
Se você quiser usar Javascript, poderá usar o getElementsByName()método para selecionar os input campos e alterar o placeholder de cada um … veja o código abaixo …
document.getElementsByName('Email')[0].placeholder='novo texto para email';
document.getElementsByName('First Name')[0].placeholder='novo texto para fname';
document.getElementsByName('Last Name')[0].placeholder='new text for lname';
Caso contrário, use jQuery:
$('input:text').attr('placeholder','Algum novo texto');
O jQuery está instalado?
Se você ainda não possui uma biblioteca jQuery instalada na página, será necessário adicionar uma. Você pode adicionar copiando ou colando o código abaixo. Defina o posicionamento dentro do “<head>”
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>