1

Задача проста. На сайте есть форма обратной связи. По умолчанию поля текста содержат некоторые значения. Как сделать так, чтобы при клике на поле первоначальный текст пропадал и пользователь мог ввести свою инфу? Пробую вот так, не получается почему-то:

<td onclick='document.getElementById('name').value="";'>{name:body}</td>

{name:body} - это вставка самого input в форму. ID=name у INPUT.

3 ответа 3

4

Изначально у Вас все было верно, только единственное что нужно было поменять это кавычки ' ' в getElementById на " ", скрипт видел здесь одинарную кавычку как закрытие онклика. Надо было так:

onclick='document.getElementById("name").value="";'
2

Есть простой вариант, это добавляется к текстовому полю:

onblur="javascript:if(this.value==''){this.value='Enter Search keywords'};" onfocus="if(this.value=='Enter Search keywords') {this.value='';}" value="Enter Search keywords"

Но я рекомендую более красивый здесь http://gword.ru/(поля в форме Оставить заявку). Через firebug легко понять как работает, если нужно могу выложить код

2
  • проблема в том что я могу прописать событие только для ячейки таблицы в которой размещается само текстовое поле... может вы мне поясните почему не работает мой вариант? 28 сен 2011 в 15:14
  • 1
    Кавычки, думаю, так должно работать: <td onclick="document.getElementById('name').value=\'\';">{name:body}</td>
    – Dem
    28 сен 2011 в 15:17
2

Такими методами мой прапрадедушка верстал. Сейчас делают проще:

<input type="text" placeholder="Поиск" value="" />

И любой polyfill для старых браузеров из раздела «Web Forms : input placeholder», например Enhanced jQuery Placeholder plugin.

Update: Если до <input> никак не добраться (шаблонизатор мешает и т.п.), то можно всегда сказать что-то в духе

<script>
    $("input[name='search']").prop("placeholder", "Поиск"); // Или .attr, не соображу с ходу, а проверять лень.
</script>

Заодно не будет мешать браузерам без JavaScript.

4
  • 1
    Какое это имеет отношение к верстке?О_о
    – user3545
    28 сен 2011 в 16:24
  • А HTML это что — программирование, что ли?
    – drdaeman
    28 сен 2011 в 16:28
  • 1
    какое отношение имеет javascript к html?
    – user3545
    28 сен 2011 в 16:29
  • 1
    Ну, вопрос-то не про JS, а про поле ввода (<input>, т.е. про HTML). А чем оно делается — дело десятое. Да и атрибуты onblur/onfocus — верстка в чистом виде (и, по трендам — не пишут сейчас их, предпочитают навешивать обработчики по-другому, не мешая представление с логикой). Программирование — это внутри.
    – drdaeman
    28 сен 2011 в 16:32

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.