Как я могу использовать ввод пароля HTML и устанавливать значение по умолчанию для текста, которое будет читаемым, так как ввод пароля превратит символы в точки или звезды? Могу ли я сделать это с помощью Javascript?Значение поля по умолчанию для поля
ответ
Так что, если я правильно понимаю, вы хотите, чтобы прочитать «пароль» или что-то в обычных письмах, пока кто-то нажимает на него, после чего он станет пустым, и что-нибудь напечатал там будет * s ? Хорошо, что вы хотите это:
в голове:
<script type="text/javascript">
function changefield(){
document.getElementById("passwordbox").innerHTML = "<input id=\"password-field\" type=\"password\" name=\"password-field\" title=\"Password\" />";
document.getElementById("password-field").focus();
}
</script>
в организме:
<div id="passwordbox">
<input id="password-field" type="text" name="password-field" title="Password" onfocus="changefield();" value="password" />
</div>
<input type="password" name="x" id="x" value="some value" onclick="alert(this.value);" />
если вы сделаете этот текст в поле читается так же, как имя пользователя .. почему такой вопрос ?
<input type="text" name="password" id="password" value="" />
В голове:
function Changetxt() {
if ($('#pwd').val() == "Enter Your Password Here") {
$('#pwd').val('');
$('#pwd').css('color', 'black');
}
}
function textboxtype() {
if ($('#pwd').val().length < 1) {
$('#pwd').val('Enter Your Password Here');
$('#pwd').css('color', 'gray');
}
}
В теле:
<input type="text" id="pwd" style="width: 180px; color: Gray;" onfocus="Changetxt();this.type='password'"
onblur="if(this.value==''){this.type='text';textboxtype();}" value="Enter Your Password Here" />
–
Используйте приведенный выше код в разделе тела –
Я знаю, что эта ветка устарела, но я хочу сказать вам, что этот код не работает, если вы используете PASSWORD MANAGERS. Зачем? Поскольку администраторы паролей ищут ПАРОЛЬ-ПОЛЯ (и вы устанавливаете «тип» на «текст»).Поэтому вам нужно войти в систему вручную, и это отстойное ВРЕМЯ! Также он не работает для
Попробуйте это Javascript он будет уверен, что поможет ...
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Watermark Textbox for Password Textbox Using JavaScript</title>
<script language="javascript" type="text/javascript">
function WaterMark(objtxt, event) {
var defaultText = "Enter Username Here";
var defaultpwdText = "Enter Password Here";
// Condition to check textbox length and event type
if (objtxt.id == "txtUserName" || objtxt.id == "txtPwd") {
if (objtxt.value.length == 0 & event.type == "blur") {
//if condition true then setting text color and default text in textbox
if (objtxt.id == "txtUserName") {
objtxt.style.color = "Gray";
objtxt.value = defaultText;
}
if (objtxt.id == "txtPwd") {
document.getElementById("<%= txtTempPwd.ClientID %>").style.display = "block";
objtxt.style.display = "none";
}
}
}
// Condition to check textbox value and event type
if ((objtxt.value == defaultText || objtxt.value == defaultpwdText) & event.type == "focus") {
if (objtxt.id == "txtUserName") {
objtxt.style.color = "black";
objtxt.value = "";
}
if (objtxt.id == "txtTempPwd") {
objtxt.style.display = "none";
document.getElementById("<%= txtPwd.ClientID %>").style.display = "";
document.getElementById("<%= txtPwd.ClientID %>").focus();
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<table>
<tr>
<td><b>UserName:</b></td>
<td>
<asp:TextBox ID="txtUserName" runat="server" Text="Enter Username Here" Width="150px" ForeColor="Gray" onblur = "WaterMark(this, event);" onfocus = "WaterMark(this, event);" />
</td>
</tr>
<tr>
<td><b>Password:</b></td>
<td>
<asp:TextBox ID="txtTempPwd" Text="Enter Password Here" runat="server" onfocus="WaterMark(this, event);" Width="150px" ForeColor="Gray" />
<asp:TextBox ID="txtPwd" TextMode="Password" Text="Enter Password Here" runat="server" Width="150px" Style="display:none" onblur="WaterMark(this, event);"/>
</td>
</tr>
</table>
</form>
</body>
</html>
Вы могли бы просто использовать placeholder
атрибут:
<input type="password" value="" placeholder="Insert your password..."/>
Таким образом, как только пользователь начнет печатать, это предложение автоматически исчезнет.
Намного проще вариант, используя только HTML:
Добавьте этот код:
onfocus="this.value='', this.type='password'"
в поле вводаи убедитесь, что type
первоначально установлен на text
Пример:
input onfocus="this.value='', this.type='password'" value="Password" type="text" title="Password" id="password_field" name="signin_password"
«Использование ТОЛЬКО HTML» - это на самом деле JavaScript. Но встроенный _inline_ в HTML, который обычно считается плохим. Разделение проблем - разделение содержания и поведения. – MrWhite
- 1. Установить значение по умолчанию для скрытого поля
- 2. Установите значение по умолчанию для поля Combo
- 3. Получить значение по умолчанию для поля
- 4. select2 значение по умолчанию для одного поля
- 5. Rails - значение по умолчанию для поля автозаполнения
- 6. Yii Значение по умолчанию для поля даты
- 7. принудительное значение по умолчанию для поля суммы
- 8. Значение по умолчанию для поля Да/Нет
- 9. Значение по умолчанию для поля со списком
- 10. Значение по умолчанию для поля DATETIME
- 11. Значение по умолчанию для поля объекта jhipster
- 12. Acumatica - значение по умолчанию для поля вычислений
- 13. Значение по умолчанию для текстового поля
- 14. Значение по умолчанию для комбинированного поля
- 15. symfony2 - значение по умолчанию для поля "entity"?
- 16. Значение по умолчанию для поля формы объекта
- 17. Недопустимое значение по умолчанию для поля «дата»
- 18. Значение по умолчанию для поля фильтра/поля отчета PivotChart
- 19. Переходные поля по умолчанию
- 20. Джанго - значение по умолчанию поля зависит от другого значения поля
- 21. Установить значение поля по умолчанию в Acumatica
- 22. CakePHP 3 Значение поля по умолчанию объекта
- 23. Как выбрать значение по умолчанию поля
- 24. django получить значение поля модели по умолчанию
- 25. Изменить значение по умолчанию поля через vba
- 26. Значение текстового поля по умолчанию Jsf
- 27. Как изменить значение по умолчанию сценического поля
- 28. Odoo 8 - Значение поля по умолчанию
- 29. Protobuf требуемое значение поля и по умолчанию
- 30. Symfony 2 Выбор поля Значение по умолчанию
Пожалуйста, скажите, почему вы хотите, чтобы ваше поле пароля было читаемым? – shamittomar
знаете ли вы кого-то, кто не знает, что такое поле для пароля? Что случилось с использованием «метки»? – zzzzBov
Возможный дубликат http://stackoverflow.com/questions/10660237/default-value-password-for-input-field-show-it –