Изменить текст заполнителя
Как изменить текст заполнителя входного элемента?
Например, у меня есть 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? Мне действительно нужно понять это, чтобы решить мою проблему.
Ответы
Ответ 1
вы можете использовать метод 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';
Ответ 2
В этом решении используется jQuery. Если вы хотите использовать один и тот же текст заполнителя для всех текстовых входов, вы можете использовать
$('input:text').attr('placeholder','Some New Text');
И если вы хотите использовать разные заполнители, вы можете использовать идентификатор элемента для замены placeholder
$('#element1_id').attr('placeholder','Some New Text 1');
$('#element2_id').attr('placeholder','Some New Text 2');
Ответ 3
Используя jquery, вы можете сделать это, выполнив следующий код:
<input type="text" id="tbxEmail" name="Email" placeholder="Some Text"/>
$('#tbxEmail').attr('placeholder','Some New Text');
Ответ 4
Я столкнулся с той же проблемой.
В JS сначала нужно очистить текстовое поле ввода текста. В противном случае текст заполнителя не будет отображаться.
Здесь мое решение.
document.getElementsByName("email")[0].value="";
document.getElementsByName("email")[0].placeholder="your message";
Ответ 5
var input = document.getElementById ("IdofInput");
input.placeholder = "No need to fill this field";
Вы можете узнать больше о placeholder
здесь: http://help.dottoro.com/ljgugboo.php
Ответ 6
Попробуйте получить доступ к атрибуту placeholder для ввода и измените его значение следующим образом.
$ ('# some_input_id'). attr ('placeholder', 'New Text Here');
Также можно очистить местозаполнитель, если потребуется, например..
$ ( '# Some_input_id') атр ( 'заполнитель', '');.