Faktanya, pada kenyataannya, kata sandi tidak dapat ditampilkan dalam implementasi, tetapi kami memiliki persyaratan dalam pekerjaan kami. Ketika kami belum memasukkan sesuatu, ada prompt untuk memasukkan kata sandi di dalam kotak, tetapi ketika kami memasukkan sesuatu, nomor * ditampilkan. Jadi bagaimana diterapkan? Faktanya, prinsipnya sangat sederhana, yaitu menempatkan dua kotak teks, gaya dan posisinya sama. Pertama -tama sembunyikan jenis kata sandi, dan hanya menampilkan kotak kata sandi semu dengan tipe sebagai teks. Atur nilai prompt untuk prompt, seperti kata sandi input. Kemudian ketika input dipicu, input jenis teks disembunyikan, sehingga input jenis kata sandi ditampilkan. Kemudian ketika nilai kata sandi terdeteksi kosong, lalu ketik kata sandi tersembunyi dan ketik adalah tampilan teks. Saya tidak akan mengatakan apa -apa, saya akan menambahkan kodenya. (PS: fungsi reset tambahan)
Pertama masukkan bagian html
<able> <tr> <td> akun </td> <td> <input type = "text" value = "Harap masukkan akun Anda"/> </td> </tr> <tr> <td> kata sandi </td> <td> <input type = "Text" value = "Harap masukkan kata sandi Anda" id = "LOGIN_SHOWPWD" tidak ada "/> </td> </tr> <tr> <td> <input type =" tombol "value =" login "/> <input type =" tombol "value =" reset "id =" btn_res "/> </td> </tr> </table>
Lalu pergi ke bagian JS
// Bagian akun $ (function () {$ (". Admin"). Focus (function () {if ($ (this) .val () == "Harap masukkan akun Anda") {$ (this) .val ("");}}); $ (". Admin"). Blur (function () {if ($ (ini). akun ");}}); // kata sandi bagian $ ('#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 = $ (this) .val (); if (text_value == "") {$ ('#LOGIN_SHOWPWD'). Show (); $ ('#LOGIN_PASSWORD'). Sembunyikan ();}}); // Reset bagian $ ('#btn_res'). Klik () {) {) $ (. akun "); $ ('#login_password'). Sembunyikan (). Val (" "); $ ("#login_showpwd "). Show ();});});Di bawah ini saya akan memperkenalkan metode teks yang ditampilkan di bawah kotak input kata sandi
Prompt kecil adalah bahwa banyak situs web memiliki dua kata di kotak input kata sandi. Dulu saya berpikir itu teks, tetapi saya hanya mengetahui hari ini bahwa ini adalah tag kata sandi. Metode penulisan adalah sebagai berikut
<input type = "password" name = "pas" placeholder = "password"/>
Tambahkan saja atribut placeholder
Di atas adalah pengetahuan yang relevan tentang kode fungsi prompt teks yang ditampilkan di kotak kata sandi (kata sandi) yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!