Como alterar o texto do placeholder de um elemento input? JavaScript

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>”:sorriso:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>