Как назначить значение по умолчанию в поле ввода формы для пароля? - PullRequest
Новая
       11

Как назначить значение по умолчанию в поле ввода формы для пароля?

0 голосов
/ 27 июля 2011

Я пытаюсь создать форму в поле ввода, похожее на поле в twitter Мне нужно назначить значение по умолчанию для полей ввода, я назначил, но для пароля отображаемое значение было в пароле формат, как показать значение пароля по умолчанию как «пароль». также значение по умолчанию должно изменяться только тогда, когда я набираю какое-то значение, оно не должно исчезать при нажатии. 

<div class="editfield">
<label for="signup_password">Choose a Password <span class="required">*</span>
</label>
<div class="input_field">
<input type="password" minlength="6" value="Password" id="signup_password" 
   name="signup_password" onclick="this.value=''" 
   onblur="if(this.value=='') this.value='Choose a Password';">
<span id="pass1Info" class=""></span></div>
</div>

Ответы [ 2 ]

3 голосов
/ 27 июля 2011

Twitter использует прозрачное поле для пароля. Значение по умолчанию на самом деле не значение по умолчанию, а просто фон для поля пароля. 

.front-page form .holding input {
    -moz-transition: opacity 1s ease 0s;
    background-color: white;
    border: medium none !important;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    color: #567792;
    opacity: 0.7;
}

Как только вы начнете печатать, оболочка получит класс hasome, а размер шрифта для диапазона в фоновом режиме со словами «пароль» будет установлен на 0 

.logged-out form .hasome .holder {
    font-size: 0 !important;
    opacity: 0;
}
1 голос
/ 27 июля 2011

Используйте событие keydown, чтобы изменить тип с текста на пароль и изменить значение на пустую строку 

    <div><input value="Password"  onkeydown="if(this.type!='password'){this.type='password';this.value='';}" onblur="if(this.value=='') this.value='Choose a Password';">
</div>

проверь эту скрипку http://jsfiddle.net/rajani5022/PE2qu/

...