در این آموزش نحوه نمایش و مخفی کردن رمزهای عبور با استفاده از جاوا اسکریپت را خواهیم آموخت.
یک فرم HTML برای رمز عبور ایجاد کنید
رمز عبور:
نمایش رمز عبور
کلمه عبور: <ورودی نوع=“کلمه عبور” ارزش=“کلمه عبور” شناسه=“myInput”><br><br> <ورودی نوع=“چک باکس” کلیک کنید=“myFunction()”>نمایش دهید کلمه عبور |
جاوا اسکریپت برای نمایش و پنهان کردن رمز عبور
تابع
<اسکریپت> عملکرد myFunction() { جایی که ایکس = سند.getElementById(“myInput”); اگر (ایکس.نوع === “کلمه عبور”) { ایکس.نوع = “متن”; } دیگر { ایکس.نوع = “کلمه عبور”; } }
|
در اینجا کد کامل در این آموزش نوشته شده است
برای نمایش رمز عبور روی دکمه رادیویی کلیک کنید
رمز عبور:
br> نمایش رمز عبور
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOCTYPE html> <html> <بدن> <پ>کلیک را رادیو دکمه به نشان دادن را کلمه عبور</پ> کلمه عبور: <ورودی نوع=“کلمه عبور” ارزش=“کلمه عبور” شناسه=“myInput”><br><br> <ورودی نوع=“چک باکس” کلیک کنید=“myFunction()”>نمایش دهید کلمه عبور <اسکریپت> عملکرد myFunction() { جایی که ایکس = سند.getElementById(“myInput”); اگر (ایکس.نوع === “کلمه عبور”) { ایکس.نوع = “متن”; } دیگر { ایکس.نوع = “کلمه عبور”; } }
</بدن> </html> |