Змінити текст заповнювача

Як я можу змінити текст заповнювача вхідного елемента?

Наприклад, у мене є 3 введення тексту типу.

<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">

Як я можу змінити текст Деякі тексти за допомогою JavaScript або jQuery?

Якщо ви хочете використовувати Javascript, тоді ви можете використовувати getElementsByName()метод для вибору inputполів та зміни placeholderдля кожного з них ... див. Код нижче ...

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';

В іншому випадку використовуйте jQuery:

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

Це рішення використовує jQuery. Якщо ви хочете використовувати однаковий текст-заповнювач для всіх введених текстів, ви можете використовувати

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

А якщо вам потрібні різні заповнювачі, ви можете використовувати ідентифікатор елемента, щоб змінити заповнювач

$('#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";

Ви можете дізнатись більше про це placeholderтут: http://help.dottoro.com/ljgugboo.php

За допомогою jquery ви можете зробити це, скориставшись таким кодом:

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

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

Я стикався з тією ж проблемою.

У JS спочатку потрібно очистити текстове поле введення тексту. Інакше текст заповнювача не відображатиметься.

Ось моє рішення.

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

Спробуйте отримати доступ до атрибута заповнювача введення та змініть його значення, як показано нижче:

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

Також може очистити заповнювач, якщо потрібно, наприклад:

$('#some_input_id').attr('placeholder','');

Для використання JavaScript:

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

Для використання jQuery:

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