[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: работа с формой
l@pteff
Всем привет! Вопрос такой: есть форма с полем для ввода пароля

<label class="label">Пароль</label>
<input
name="password" type="password" value="Введите пароль" id="password" size="36" class="required">


Можно ли сделать чтобы надпись "Введите пароль" внутри поля выводилась не точками, а текстом, а пароль вводился как и положено точками? Пробовал такой вариант:

<script type="text/javascript" src="../js/jquery.js"> </script>
<
script type="text/javascript">
$('#password').focus(function() {

if ($('#password').val() == $('#password').attr('defaultValue')) {
$('#password').attr('type', 'text');
}
}
);
});
</
script>


но не получилось. Подскажите, пожал. как можно сделать это?



Спустя 33 минуты, 49 секунд (22.12.2010 - 13:45) ApuktaChehov написал(а):
Честно говоря, никогда не думал об этом. Но опыт подсказывает так.
Сначала поле имеет type="text", но как только это поле оказывается в фокусе делаем его type="password". Вот и все.

У вас видимо так же. По идее должно работать. Вы фаербагом смотрите что происходит, думаю, что все будет хорошо =)

Спустя 15 минут, 48 секунд (22.12.2010 - 14:01) l@pteff написал(а):
Пробовал переписать и так:

<label class="label">Пароль</label>
<input
name="password" type="text" value="Введите пароль" id="password" size="36" class="required">


<script type="text/javascript" src="../js/jquery.js"> </script>
<
script type="text/javascript">
$(function(){
$('#password :text').keyup(function(){
$('input').attr('type', 'password');
});
});
</
script>


результат тот же. В чём может быть здесь косяк?

Спустя 51 минута, 21 секунда (22.12.2010 - 14:52) ИНСИ написал(а):
l@pteff можно сделать чуточку проще :) добавь в input вот это:
onclick="this.value=''; this.type='password'"

вроде должно сработать...

Спустя 4 минуты, 7 секунд (22.12.2010 - 14:56) ИНСИ написал(а):
еще можно изменить немного, сделать вот так:
onclick="this.value=''; this.type='password'" onBlur="if(this.value == '') { this.value='Enter Password'; this.type='text'; }"

Спустя 35 минут, 38 секунд (22.12.2010 - 15:32) Guest написал(а):
логичней наверное просто позиционировать над полем пароля эту надпись. При фокусе - убирать. При потере фокуса и если пусто(? проверится ли) показывать

Спустя 20 часов, 59 минут, 34 секунды (23.12.2010 - 12:31) l@pteff написал(а):
welbox2, напиши если не трудно кусок моего кода в исправленном варианте (не сработало, может что-то не там прописал) blink.gif

Спустя 41 минута, 57 секунд (23.12.2010 - 13:13) ИНСИ написал(а):
l@pteff вот:
<input name="password" type="text" value="Введите пароль" size="36" class="required" onclick="this.value=''; this.type='password'" onBlur="if(this.value == '') { this.value='Введите пароль'; this.type='text'; }" >

Спустя 11 минут, 29 секунд (23.12.2010 - 13:25) l@pteff написал(а):
супер! то что и нужно было! welbox2, огромное спасибо за помощь!

Спустя 7 минут, 5 секунд (23.12.2010 - 13:32) ИНСИ написал(а):
l@pteff пожалуйста smile.gif

Спустя 28 минут, 16 секунд (23.12.2010 - 14:00) Basili4 написал(а):
welbox2
Хорошая идея. Симпатично будет смотреться.

Спустя 6 минут, 8 секунд (23.12.2010 - 14:06) ИНСИ написал(а):
Basili4 идея не моя smile.gif Я лишь предложил вариант реализации... Хотя действительно, уникально smile.gif
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.