как написать слово в строке пароля?

html css вёрстка

Верстаю страницу сайта. Заказчик захотел, чтобы в полях авторизации до их заполнения были написаны слова «логин» и «пароль». С логином как бы и никаких проблем: <input name="login" value="логин" />.
Но вот как быть с паролем? Если так же, через value, то отображается звёздочками. А атрибут placeholder понимают не все браузеры.

Примечание:
кошмар какой…
из-за какой-то глупости несусветной привлекать javascript и создавать несемантические элементы?
то есть, менее страшных вариантов для решения этой задачи не положено?

Примечание:
rwt, спасибо. Интересное решение. Возьму на заметку.

Примечание:
> Сделай текст бэграундом

прошу прощения, но это совсем уж изврат :)
placeholder.js вполне приемлемо справляется с поставленной задачей. Вот оно на практике: http://fetes.ru (там пока всё в процессе, так что прошу не пугаться имеющих место недоделок.)
Ответы:
придется делать java скриптом, скорее всего
два поля: видимое (обычное) и не видимое (парольное)
Надо иметь два инпута, один типа текст, другой пассворд. Сначала тот, что пассворд, скрыт (display: none), а в текстовом отображается подсказка. По onkeydown текстовый скрывается, пассворд показывается, фокус переставляется.
Да, придется использовать javascript или пользоваться полем input type=text для пароля. При этом вводимый пароль, естественно, звездочками не будет замещаться.
А javascript - это не больно, честно.

Ссылки

[1]
посмотри здесь
(Web)
Вот написал код...
(скрипт работает с jQuery)
>>то есть, менее страшных вариантов для решения этой задачи не положено?
нет не положено...только такой...
[html]
<form action='/user/check_login.php' method='post' id='login_form'>
<table id='login_area_table' cellpadding='0' cellspacing='0' border='0'>
<tr>
<td valign='middle' colspan='2' height='40px' id='login_title'>Войти в систему</td>
</tr>
<tr>
<td valign='middle' width='120px' class='login_input_title' height='40px'>Логин</td>
<td valign='middle' width='250px'>
<input type='text' size='15' maxlength='15' class='site_input' id='login_name' name='login_name' value='введите логин' />
</td>
</tr>
<tr>
<td valign='middle' width='120px' class='login_input_title' height='40px'>Пароль</td>
<td valign='middle' width='250px'>
<input type='text' size='15' maxlength='15' class='site_input' id='login_password_fake' name='login_password_fake' value='введите пароль' />
<input type='password' size='15' maxlength='15' name='login_password' class='site_input' id='login_password' style='display:none' />
</td>
</tr>
<tr>
<td colspan='2' align='center' height='40px'>
<input type='button' id='login_button' name='login_button' value='Вход' />
<input type='button' id='cancel_button' name='cancel_button' value='Отмена' />
</td>
</tr>
</table>
</form>
[/html]
Сделай текст бэграундом, если поле пустое. Если юзер ввел хоть что-нибудь - бэграунд убрать.
Пожалуй проще, чем два инпута.


14 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.