อันที่จริงแล้วรหัสผ่านไม่สามารถแสดงในการใช้งานได้ แต่เรามีข้อกำหนดดังกล่าวในการทำงานของเรา เมื่อเราไม่ได้ป้อนอะไรบางอย่างมีพรอมต์ให้ป้อนรหัสผ่านในกล่อง แต่เมื่อเราป้อนบางสิ่งบางอย่างหมายเลข * จะปรากฏขึ้น แล้วมันถูกนำไปใช้อย่างไร? ในความเป็นจริงหลักการนั้นง่ายมากซึ่งก็คือการวางกล่องข้อความสองกล่องสไตล์และการวางตำแหน่งจะเหมือนกัน ก่อนอื่นซ่อนประเภทเป็นรหัสผ่านและแสดงเฉพาะกล่องรหัสผ่านหลอกด้วยประเภทเป็นข้อความ ตั้งค่าพรอมต์ค่าสำหรับพรอมต์เช่นรหัสผ่านอินพุต จากนั้นเมื่ออินพุตถูกทริกเกอร์อินพุตของข้อความประเภทจะถูกซ่อนไว้เพื่อให้อินพุตของรหัสผ่านประเภทจะปรากฏขึ้น จากนั้นเมื่อตรวจพบค่ารหัสผ่านที่ว่างเปล่าจากนั้นพิมพ์คือรหัสผ่านที่ซ่อนอยู่และพิมพ์คือการแสดงข้อความ ฉันจะไม่พูดอะไรเลยฉันจะเพิ่มรหัส (PS: ฟังก์ชั่นรีเซ็ตเพิ่มเติม)
ก่อนอื่นให้ป้อนส่วน HTML
<table> <tr> <td> บัญชี </td> <td> <อินพุตประเภท = "text" value = "โปรดป้อนบัญชีของคุณ"/> </td> </tr> <tr> <td> รหัสผ่าน </td> <td> <อินพุตประเภท = "ข้อความ" ไม่มี "/> </td> </tr> <tr> <td> <อินพุต type =" ปุ่ม "value =" ล็อกอิน "/> <อินพุต type =" ปุ่ม "value =" รีเซ็ต "id =" btn_res "/> </td> </tr> </table>
จากนั้นไปที่ส่วน JS
// บัญชีส่วน $ (function () {$ (". admin"). focus (function () {ถ้า ($ ($ (this) .val () == "โปรดป้อนบัญชีของคุณ") {$ (นี่) .val ("");}}); $ (". admin"). บัญชี ");}}); // รหัสผ่านส่วน $ ('#login_showpwd'). โฟกัส (ฟังก์ชั่น () {var text_value = $ (นี่) .val (); ถ้า (text_value == this.defaultValue) {$ ('#login_showpwd'). hide (); $ ('#login_password'). show (). focus ();}}); $ ('#login_password'). blur (function () {var text_value = $ (this) .val (); ถ้า (text_value == "") {$ ('#login_showpwd'). show (); $ ('#login_password'). ซ่อน ();}}); // รีเซ็ตส่วน $ ('#btn_res') บัญชี "); $ ('#login_password'). ซ่อน (). val (" "); $ ("#login_showpwd "). show ();});});ด้านล่างนี้ฉันจะแนะนำวิธีการข้อความที่แสดงภายใต้กล่องป้อนรหัสผ่าน
พรอมต์ขนาดเล็กคือเว็บไซต์หลายแห่งมีสองคำในกล่องป้อนรหัสผ่าน ฉันเคยคิดว่ามันเป็นข้อความ แต่ฉันรู้แค่วันนี้ว่ามันเป็นแท็กรหัสผ่าน วิธีการเขียนมีดังนี้
<อินพุต type = "รหัสผ่าน" name = "pas" placeholder = "รหัสผ่าน"/>>
เพียงเพิ่ม แอตทริบิวต์ตัวยึด
ด้านบนเป็นความรู้ที่เกี่ยวข้องเกี่ยวกับรหัสฟังก์ชั่นข้อความที่แสดงในกล่องรหัสผ่าน (รหัสผ่าน) แนะนำให้คุณทราบโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!