Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Добавить placeholder к полю input (https://javascript.ru/forum/misc/43335-dobavit-placeholder-k-polyu-input.html)

tema1508 02.12.2013 00:56

Добавить placeholder к полю input
 
Можно ли сделать это с помощью js и если да, то как?
<input id="username" class="username" type="text" size="30" value="" name="username"></input>

a_l 02.12.2013 06:57

document.getElementById('username').placeholder = 'Нужный текст';

TYMON 20.12.2019 10:43

А как можно сделать тоже самое только устанавливать placeholder по свойству name поля input ?

рони 20.12.2019 10:50

TYMON,
document.querySelector('[name="username"]').placeholder = 'Нужный текст';


https://learn.javascript.ru/css-selectors

Цитата:

[name="value"] – селекторы на атрибут

ksa 20.12.2019 12:27

Цитата:

Сообщение от TYMON
сделать тоже самое только устанавливать placeholder по свойству name поля input ?

Как вариант...
document.getElementsByName('username')[0].placeholder = 'Нужный текст';

laimas 20.12.2019 12:59

document.forms.name.username.placeholder = 'Text'

TYMON 20.12.2019 14:22

вот вопрос. у меня несколько полей с одинаковым name, это должно ко всем полям срабатывать? а то у меня только к одному применилось

ksa 20.12.2019 14:54

Цитата:

Сообщение от TYMON
это должно ко всем полям срабатывать?

Нет. :no:
Цитата:

Сообщение от TYMON
у меня только к одному применилось

Так и должно быть. :yes:

Хочешь ко всем - делай цикл. ;)
var o=document.getElementsByName('username');
for (var i=0; i<o.length; i++) {
   o[i].placeholder = 'Нужный текст';
};


Часовой пояс GMT +3, время: 13:20.