VALUE для поля type=PASSWORD

brutka

brutka

Создатель
Регистрация
16 Июл 2008
Сообщения
281
Реакции
14
А как делается VALUE, для поля PASSWORD?
Необходимо, чтобы при загрузке страниы в этом поле было "пароль", а при onlcick - стиралось, и в дальнейшем уже высвечивались не буквы, а точечки парольные...
 
Не получится. Сразу звездочки будут.
Можно, конечно, извратится и поставить сверху обычный инпут, который по onclick будет исчезать. Но зачем это нужно?
 
можно сделать надпись пароль фоном, а при клике - просто меня фон на пустой.
 
Если будет поле с надписьб логин и рядом поле со звездочками, и так будет понятно, что это пароль.
 
Делай наложение надписи сверху поля input, чтобы при нажатии оно изчезало (javascript). По моему мнению самое разумное, если уж действительно в дизайн не влазиет просто подпись этого поля.
 
Картинку сверху класть не советовал бы, возни с ней больше.
Можно сделать как описано по ссылке которую KODEAK прислал, в принципе ничего сложного. Пишем код HTML, CSS, JAVA. Это лучший вариант.
 
например добавить допольнительное поле с текстом "пароль", а при загрузке страницы или при клике прятать ненужное поле с css display:none

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript">
function init(){
    var password_fake = document.getElementById('password_fake');
    var password = document.getElementById('password');
    //когда пустой пароль меняем на текст
    if(password.value==''){
        password.className = "hide";
        password_fake.className = "";
    }
    
    //если клик на поле с текстом "пароль", то меняем поля
    password_fake.onclick=function(){
        password_fake.className = "hide";
        password.className = "";
        //меняем фокус на поле для пароля
        password.focus();
    };
}
</script>

<style type="text/css">
<!--
.hide {
    display:none;
}
-->
</style>
</head>

<body onload="init();">
<form id="form" name="form" method="post" action="">
    <input name="login" type="text" value="" id="login" />
    <input name="password_fake" type="text" id="password_fake" value="пароль" class="hide" />
    <input name="password" type="password" id="password" value="" />
    <input name="" type="submit" value="Да" />
</form>
</body>
</html>
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху