Как поместить название поля внутрь input?

  • 5 Ответов
  • 583 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

zahar_92

  • ***
  • 162
  • 4
Все привет!
Подскажите, пожалуйста, как поместить название поля внутрь input и чтобы при клике (наборе текста в поле) название исчезало. Проблема в том, что я сделал, но value не отображается пока не ткнешь мышкой в поле... Ткнешь мышкой в поле, потом в любое другое место и значение value отобразится. А когда перезагрузил страницу, ни чего нет!

Делал таким методом

Код
<input id="comments-form-name" onFocus="if(this.value=='Имя') this.value='';" onBlur="if(!this.value) this.value='Имя';" type="text" value="Имя" name="name" maxlength="<?php echo $this->getVar('comment-name-maxlength');?>" size="22" tabindex="1" />

И таким

Код
<input id="comments-form-name" onFocus="if(this.value=='<?php echo JText::_('FORM_NAME'); ?>') this.value='';" onBlur="if(!this.value) this.value='<?php echo JText::_('FORM_NAME'); ?>';" type="text" value="<?php echo JText::_('FORM_NAME'); ?>" name="name" maxlength="<?php echo $this->getVar('comment-name-maxlength');?>" size="22" tabindex="1" />

И таким

Код
<input id="comments-form-name" type="text" name="name" value="Имя" maxlength="<?php echo $this->getVar('comment-name-maxlength');?>" size="22" tabindex="1" />

Не в одном из вариантов, значение не появилось пока не ткнешь в поле и не уберешь оттуда курсор.
Может дело в стилях или еще чего, не понимаю...
Joomla 3.4.3
JComments v. 3.0.5
Сайт restaurant-tabasco.ru  (справа вверху ссылка -Делимся впечатлениями)

*

evgen777

  • *****
  • 667
  • 60
  • skype:evgeniy8955 mail:office@sevweb.tk
Разработка, доработка расширений для Joomla!
Рекомендую доступные VPS для Joomla

*

zahar_92

  • ***
  • 162
  • 4
Я знаю про этот вариант, но он не кросбраузерный и поддерживается только в новых версиях..((

*

passer

  • ******
  • 874
  • 70
Ну подберите другое событие http://www.w3schools.com/js/js_events_examples.asp onLoad что ли.

*

zahar_92

  • ***
  • 162
  • 4
Пока не особо получается, буду пробовать..

*

passer

  • ******
  • 874
  • 70
Код: html4strict
<body onLoad="document.getElementById('input-test').value = 'New value'">
<form name="form-test" action="" method="POST">
<input type="text" id="input-test" name="test" onFocus="if(this.value == 'New value'){this.value = ''}" />
</form>
</body>