xandeadx.ru Блог музицирующего веб-девелопера

Drupal → Как добавить исчезающий при наведении текст в поле поиска

Опубликовано в

HTML5 в массы!

Пример поля с подсказкой внутри

Поместить в template.php (да да, некоторые хуки теперь можно реализовывать в нём):

/**
 * Implements hook_form_FORM_ID_alter(): search_block_form.
 */
function THEMENAME_form_search_block_form_alter(&$form, &$form_state) {
  $form['search_block_form']['#attributes']['placeholder'] = 'Поиск по сайту';
}

Работает во всех последних версиях браузеров, кроме IE (для него можно поставить костыль). По аналогии можно добавить такую штуку в любое другое поле.

Написанное актуально для Drupal 7
Похожие записи

Комментарии RSS

В чём тут проявляется HTML5?

блин, не работает. Друпал седьмой. тема Зенд. создаю новую подтему. в темплейт.пхп новой подтемы код не работает. в темплейте базовой зенды просто отрубает сайт. тупо не грузится. просто чистый лист приходит ((
может параметр изменить нужно или я не в тех темплейтах пишу?
браузеры: Опера и ФФ. Кеш чистил

Спасибо за статью! Все получилось, кроме ... "По аналогии можно добавить такую штуку в любое другое поле." у меня не получилось. Как правильно прописать?? помогите плиз))

пытаюсь добавить эту фичу к форме комментов.
насколько я понял,
search_block_form - это id формы,
$form['search_block_form'] - это name нужного input'a
но результата ноль. кеш чистил.
можешь подсказать что не так?

Добрый день, помогите пожалуйста, не могу понять в чем дело.

$form['search_block_form']['#attributes']['placeholder'] ='search...';
При изменении search... латиницу отображает, а кириллицу нет, просто белое поле.

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании