« предыдущая тема следующая тема »
Страницы: 1   Вниз

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

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

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

*

zahar_92

  • ***
  • 162
  • 4
Как поместить название поля внутрь input?
« : 07.07.2015, 18:31:07 »
Все привет!
Подскажите, пожалуйста, как поместить название поля внутрь 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
Re: Как поместить название поля внутрь input?
« Ответ #1 : 07.07.2015, 18:46:37 »
Записан
Разработка, доработка расширений для Joomla!
Рекомендую доступные VPS для Joomla
*

zahar_92

  • ***
  • 162
  • 4
Re: Как поместить название поля внутрь input?
« Ответ #2 : 07.07.2015, 19:09:45 »
Я знаю про этот вариант, но он не кросбраузерный и поддерживается только в новых версиях..((
Записан
*

passer

  • ******
  • 874
  • 70
Re: Как поместить название поля внутрь input?
« Ответ #3 : 07.07.2015, 21:52:53 »
Ну подберите другое событие http://www.w3schools.com/js/js_events_examples.asp onLoad что ли.
Записан
*

zahar_92

  • ***
  • 162
  • 4
Re: Как поместить название поля внутрь input?
« Ответ #4 : 07.07.2015, 23:19:46 »
Пока не особо получается, буду пробовать..
Записан
*

passer

  • ******
  • 874
  • 70
Re: Как поместить название поля внутрь input?
« Ответ #5 : 07.07.2015, 23:42:01 »
Код: 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>
Записан
Страницы: 1   Вверх
« предыдущая тема следующая тема »