Platzhaltertext ändern
Wie kann ich den Platzhaltertext eines Eingabeelements ändern?
Zum Beispiel habe ich 3 Eingaben vom Typ Text.
<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">
Wie kann ich den etwas Text Text mit JavaScript oder jQuery ändern?
Wenn Sie Javascript verwenden möchten, können Sie die getElementsByName()-Methode verwenden, um die input-Felder auszuwählen und die placeholder für jedes zu ändern ...
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';
Verwenden Sie andernfalls jQuery:
$('input:text').attr('placeholder','Some New Text');
Diese Lösung verwendet jQuery. Wenn Sie für alle Texteingaben denselben Platzhaltertext verwenden möchten, können Sie verwenden
$('input:text').attr('placeholder','Some New Text');
Wenn Sie andere Platzhalter wünschen, können Sie die Element-ID verwenden, um den Platzhalter zu ändern
$('#element1_id').attr('placeholder','Some New Text 1');
$('#element2_id').attr('placeholder','Some New Text 2');
var input = document.getElementById ("IdofInput");
input.placeholder = "No need to fill this field";
Weitere Informationen zu placeholder finden Sie hier: http://help.dottoro.com/ljgugboo.php
Ich habe das gleiche Problem gehabt.
In JS müssen Sie zunächst das Textfeld der Texteingabe löschen. Andernfalls wird der Platzhaltertext nicht angezeigt.
Hier ist meine Lösung.
document.getElementsByName("email")[0].value="";
document.getElementsByName("email")[0].placeholder="your message";
Mit jquery können Sie dies durch folgenden Code tun:
<input type="text" id="tbxEmail" name="Email" placeholder="Some Text"/>
$('#tbxEmail').attr('placeholder','Some New Text');
Versuchen Sie, auf das Platzhalterattribut der Eingabe zuzugreifen, und ändern Sie den Wert wie folgt:
$('#some_input_id').attr('placeholder','New Text Here');
Kann den Platzhalter auch löschen, wenn Folgendes erforderlich ist:
$('#some_input_id').attr('placeholder','');
Für JavaScript verwenden Sie:
document.getElementsByClassName('select-holder')[0].placeholder = "This is my new text";
Für jQuery verwenden:
$('.select-holder')[0].placeholder = "This is my new text";