На самом деле, на самом деле пароль не может быть отображен в реализации, но у нас есть такое требование в нашей работе. Когда мы не ввели что -то, есть приглашение ввести пароль в поле, но когда мы что -то введем, номер * отображается. Так как это реализовано? На самом деле, принцип очень прост, который состоит в том, чтобы разместить два текстовых поле, стиль и позиционирование одинаковы. Сначала скрыть тип как пароль и отобразить только поле «Пароль псевдо» с типом в качестве текста. Установите приглашение значения для подсказок, таких как входной пароль. Затем, когда ввод запускается, ввод текста типа скрыт, так что отображается ввод пароля типа. Затем, когда значение пароля обнаружено, чтобы быть пустым, то тип скрыт пароль, а тип - отображение текста. Я ничего не скажу, я добавлю код. (PS: дополнительная функция сброса)
Сначала введите HTML -часть
<table> <tr> <td> учетная запись </td> <td> <input type = "text" value = "Пожалуйста, введите свою учетную запись"/> </td> </tr> <tr> <td> пароль </td> <td> <input type = "text" value = "wyly your password" login_showpwd "/> <input =" password "ud =" vase_pass = " none "/> </td> </tr> <tr> <td> <input type =" value = "login"/> <input type = "кнопка" value = "reset" id = "btn_res"/> </td> </tr> </table>
Затем перейти к части JS
// account part $ (function () {$ (". Admin"). Focus (function () {if ($ (this) .val () == "Пожалуйста, введите свою учетную запись") {$ (this) .val ("");}}); $ (". Admin"). Blur (function () {if ($). учетная запись ");}}); // пароль часть $ ('#login_showpwd'). Focus (function () {var text_value = $ (this) .val (); if (text_value == this.defaultvalue) {$ ('#login_showpwd'). hide (); $ ('#login_password'). show (). Focus ();}}); $ ('#login_password'). blur (function () {var text_value = $. учетная запись "); $ ('#login_password'). Hide (). val (" "); $ ("#login_showpwd "). Show ();});});Ниже я представлю текстовый метод, отображаемый в поле ввода пароля
Небольшая подсказка заключается в том, что многие веб -сайты имеют два слова в поле ввода пароля. Раньше я думал, что это был текст, но сегодня я узнал, что это тег пароля. Метод написания следующего
<input type = "password" name = "pas" Placeholder = "пароль"/>
Просто добавьте атрибут заполнителя
Выше приведено соответствующие знания о коде функции текстового приглашения, отображаемого в поле «Пароль» (пароль), введенный вам редактором. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!