Modifier le texte de l'espace réservé

Question

Comment puis-je modifier le texte de l'espace réservé d'un élément de saisie ?

Par exemple, j'ai 3 entrées de type texte.

<input type="text" name="Email" placeholder="Some Text">
<input type="text" name="First Name" placeholder="Some Text">
<input type="text" name="Last Name"placeholder="Some Text">

Comment puis-je changer le Un peu de texte en utilisant JavaScript ou jQuery ?

Answer 1

Si vous voulez utiliser Javascript, vous pouvez utiliser getElementsByName() pour sélectionner la méthode input et de modifier les champs placeholder pour chacun d'eux... voir le code ci-dessous...

document.getElementsByName('Email')[0].placeholder='new text for email';
document.getElementsByName('First Name')[0].placeholder='new text for fname';
document.getElementsByName('Last Name')[0].placeholder='new text for lname';

Sinon, utilisez jQuery :

$('input:text').attr('placeholder','Some New Text');

Answer 2

Cette solution utilise jQuery. Si vous voulez utiliser le même texte de remplacement pour toutes les entrées de texte, vous pouvez utiliser

$('input:text').attr('placeholder','Some New Text');

Et si vous voulez des caractères de remplacement différents, vous pouvez utiliser l'id de l'élément pour changer le caractère de remplacement.

$('#element1_id').attr('placeholder','Some New Text 1');
$('#element2_id').attr('placeholder','Some New Text 2');

Answer 3

var input = document.getElementById ("IdofInput");
input.placeholder = "No need to fill this field";

Vous pouvez en savoir plus sur placeholder ici : http://help.dottoro.com/ljgugboo.php

Answer 4

En utilisant jquery, vous pouvez le faire avec le code suivant :

<input type="text" id="tbxEmail" name="Email" placeholder="Some Text"/>

$('#tbxEmail').attr('placeholder','Some New Text');

Answer 5

J'ai été confronté au même problème.

En JS, vous devez d'abord effacer la zone de texte de l'entrée de texte. Sinon, le texte de remplacement ne s'affichera pas.

Voici ma solution.

document.getElementsByName("email")[0].value="";
document.getElementsByName("email")[0].placeholder="your message";