web-dev-qa-db-fra.com

Changer le texte de substitution

Comment puis-je modifier le texte de substitution d'un élément d'entrée?

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 Some Text texte en utilisant JavaScript ou jQuery?

javascriptjqueryhtml5
55
jeponkz

Si vous voulez utiliser Javascript, vous pouvez utiliser la méthode getElementsByName() pour sélectionner les champs input et modifier la placeholder pour chacun ... 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');
100
NazKazi

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

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

Et si vous voulez des espaces réservés différents, vous pouvez utiliser l'identifiant de l'élément pour changer d'espace réservé.

$('#element1_id').attr('placeholder','Some New Text 1');
$('#element2_id').attr('placeholder','Some New Text 2');
26
arulmr
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

5
padma

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

Dans JS, vous devez d'abord effacer la zone de texte de la saisie de texte. Sinon, le texte de l'espace réservé ne s'affichera pas.

Voici ma solution.

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

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

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

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

Essayez d’accéder à l’attribut placeholder de l’entrée et modifiez sa valeur comme suit:

$('#some_input_id').attr('placeholder','New Text Here');

Peut également effacer l’espace réservé si nécessaire comme:

$('#some_input_id').attr('placeholder','');
0
Rajitha Alluri

Pour l'utilisation de JavaScript:

document.getElementsByClassName('select-holder')[0].placeholder = "This is my new text";

Pour une utilisation jQuery:

$('.select-holder')[0].placeholder = "This is my new text";
0
Murtaza Manasawala