Как сделать исчезающий текст


Добавлено: 14.09.2018, 18:28 / Просмотров: 52195
Закрыть ... [X]

1   Вниз

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

  • 4 Ответов
  • 8048 Просмотров

ankoch

Вопрос возможно не совсем по CSS, текст заранее прошу прощения.
Есть вот такой код для отображения формы авторизации в Яндекс почте.

Спойлер

[свернуть]

Сейчас слова "Логин" и "Пароль" расположены каждое над соответствующей формой ввода. Хотелось бы убрать эти слова оттуда и расположить их прямо в каждой из форм ввода. То есть в форме для ввода логина написать "Логин" и соответственно так же сделать для формы ввода пароля. А после того, как пользователь ставит курсор в соответствующую форму ввода надпись должна исчезать (как в модуле авторизации mod_yoologin).

Как это можно реализовать?

« как сделать исчезающий текст Последнее редактирование: 25.08.2010, 09:06:40 от ankoch »

Записан

gdX

К примеру так:

Код: html4strict

<input type="text" tabindex="1" value="Логин" name="login" onclick="if(this.value=='Логин'){this.value='';}" onblur="if(this.value==''){this.value='Логин';}" />

ankoch

gdX спасибо, с формой ввода логина всё получилось, в с паролем не получается - исчезает кнопка "Войти в почту". Может я чего-то не то делаю? Код прилагаю.

Спойлер

[свернуть]

« Последнее редактирование: 25.08.2010, 09:07:06 от ankoch »

Записан

gdX

Скорее всего это из-за того, что пропущена двойная кавычка у обоих полей в конце тега input.
Прописано
}/>
А нужно
}" />

ankoch

gdX браво :D всё получилось +1, спасибо.

P.S. Кстати, для тех, кто связался с Яндекс почтой для своего домена, можно брать и использовать готовую форму входа в почту. Только вместо слова "сайт" в коде нужно ввести Ваш домен. Код с обозначенными выше поправками прилагаю (полностью рабочий - проверено). Внешний вид формы можно настроить как сами захотите.

Код

<table cellspacing="0" cellpadding="0" border="0" style="width: 260px; height: 65px;">
<tbody>
<tr>
<td>
<form method="post" action="http://passport.yandex.ru/for/сайт.ru?mode=auth">
<div><input type="text" onblur="if(this.value==''){this.value='Логин';}" onclick="if(this.value=='Логин'){this.value='';}" name="login" value="Логин" tabindex="1" /><span style="font-size: 11px;"><em>@сайт.ru</em></span>&nbsp;<br />
<input type="hidden" name="retpath" value="http://mail.yandex.ru/for/сайт.ru" /><input type="password" onblur="if(this.value==''){this.value='Пароль';}" onclick="if(this.value=='Пароль'){this.value='';}" name="passwd" value="Пароль" maxlength="100" tabindex="2" />&nbsp;<input type="submit" name="In" value="Войти в почту" tabindex="5" /><br />
<a target="_blank" href="http://mail.yandex.ru/page/pdd_add_user/pdd_add_user.xml?domain=сайт.ru"><span style="font-size: 11px;">Создать почту</span></a><span style="font-size: 11px;"> на <em>@сайт.ru</em></span></div>
</form>
</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>

« Последнее редактирование: 08.12.2010, 15:26:05 от ankoch »

Записан

1   Вверх

Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться

 


Похожие темы


Источник: https://joomlaforum.ru/index.php/topic,126767.0.html


Как сделать плавно исчезающий текст?


Как сделать исчезающий текст

Похожие новости


Как сделать пульт на люстру
Как в яндексе сделать чтобы не сохранял историю
Как из неправильной дроби с целым числом сделать правильную
Как в домашних условиях стирать перьевые подушки в
В 40 лет выглядеть на 30 в домашних условиях
Заговор на покупку дома читать в домашних условиях



ШОКИРУЮЩИЕ НОВОСТИ