it-swarm.com.ru

Изменить текст местозаполнителя

Как я могу изменить заполнитель текста элемента ввода?

Например, у меня есть 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?

55
jeponkz

Если вы хотите использовать 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');
100
NazKazi

Это решение использует jQuery. Если вы хотите использовать один и тот же текст-заполнитель для всех текстовых вводов, вы можете использовать

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

И если вам нужны другие заполнители, вы можете использовать идентификатор элемента для изменения заполнителя

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

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

5
padma

Я столкнулся с той же проблемой.

В JS сначала необходимо очистить текстовое поле ввода текста. В противном случае текст заполнителя не будет отображаться.

Вот мое решение.

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

Используя jquery, вы можете сделать это с помощью следующего кода:

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

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

Попробуйте получить доступ к атрибуту placeholder для ввода и измените его значение следующим образом:

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

Можно также очистить заполнитель, если требуется, например:

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

Для JavaScript используйте:

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

Для использования jQuery:

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