Làm cách nào để hiển thị mật khẩu dấu hoa thị trong HTML?


Chuyển đổi giữa khả năng hiển thị mật khẩu bằng JavaScript


Mật khẩu

Hiển thị mật khẩu


Bước 1) Thêm HTML

Thí dụ


Mật khẩu.


Hiển thị mật khẩu


Bước 2) Thêm JavaScript

Thí dụ

hàm myFunction() {
var x = tài liệu. getElementById("myInput");
nếu (x. gõ === "mật khẩu") {
x. gõ = "văn bản";
} khác {
x. gõ = "mật khẩu";
}
}

Tự mình thử »

Bạn có thể sử dụng kiểu nhập văn bản thay vì kiểu mật khẩu, sau đó sử dụng một số css và javascript để thay đổi các ký tự trong trường khi người dùng nhập, nhưng đây không phải là ý tưởng hay cho mục đích bảo mật. (giả sử nếu người dùng có biểu định kiểu css do người dùng xác định cho trình duyệt của họ hoặc đã tắt JS) Bản thân trình duyệt cũng sẽ cung cấp bảo mật cao hơn cho loại mật khẩu trên kiểu nhập văn bản. Ngoài ra, người dùng đã quen với việc nhìn thấy "dấu chấm" khi nhập mật khẩu của họ vào một trang web, do đó, đây thường là hình thức che dấu được chấp nhận nhiều nhất cho trường mật khẩu. Cách duy nhất tôi biết cách thay đổi kiểu thành dấu hoa thị là tạo một phông chữ mới cho mỗi mã chữ cái và thực hiện một chút hack bằng cách sử dụng @ font-face với phông chữ mới tạo của bạn, sau đó đặt họ phông chữ và phông chữ của bạn . input[type=password] {} Tìm kiếm trên internet nếu bạn thực sự muốn đi xa đến thế với điều này

Nếu bạn quên mật khẩu trang web của mình, thay vì trải qua quá trình đặt lại mật khẩu phức tạp, đây là cách hiển thị mật khẩu ẩn bằng mẹo trình duyệt HTML đơn giản

Hầu như tất cả các trình duyệt đều ẩn trường mật khẩu bằng dấu hoa thị vì mục đích bảo mật. Để trình duyệt của bạn lưu chúng giúp bạn không phải nhớ tất cả. Nhưng nếu vì lý do nào đó mà mật khẩu của bạn không được lưu và bạn có một mật khẩu phức tạp, thì thật tuyệt khi có thể xem những gì đằng sau bức màn

Xem mật khẩu đằng sau dấu hoa thị trong Google Chrome

Mở bất kỳ trang web nào mà bạn đã lưu mật khẩu, nhấp chuột phải vào trường mật khẩu và đi đến Kiểm tra phần tử

Làm cách nào để hiển thị mật khẩu dấu hoa thị trong HTML?
Làm cách nào để hiển thị mật khẩu dấu hoa thị trong HTML?

Khi HTML Editor mở ra, hãy tìm trường input type = “password” và thay đổi “password” thành “text” và nhấn Enter để lưu lại

Làm cách nào để hiển thị mật khẩu dấu hoa thị trong HTML?
Làm cách nào để hiển thị mật khẩu dấu hoa thị trong HTML?

Một cách dễ dàng để tìm dòng mã đó là nhấn Ctrl + F  và nhập. mật khẩu trong trường tìm kiếm và mũi tên tới nó

Làm cách nào để hiển thị mật khẩu dấu hoa thị trong HTML?
Làm cách nào để hiển thị mật khẩu dấu hoa thị trong HTML?

Ở đó bạn có nó

Làm cách nào để hiển thị mật khẩu dấu hoa thị trong HTML?
Làm cách nào để hiển thị mật khẩu dấu hoa thị trong HTML?

Hiển thị mật khẩu trong Firefox

Quá trình này hầu như giống nhau. Bấm chuột phải vào trường mật khẩu và bấm Kiểm tra phần tử

Làm cách nào để hiển thị mật khẩu dấu hoa thị trong HTML?
Làm cách nào để hiển thị mật khẩu dấu hoa thị trong HTML?

Một thanh màu xám sẽ xuất hiện với trường mật khẩu được tô sáng. Nhấn Alt+M hoặc nhấp vào biểu tượng hiển thị bên dưới để mở Bảng đánh dấu

Làm cách nào để hiển thị mật khẩu dấu hoa thị trong HTML?
Làm cách nào để hiển thị mật khẩu dấu hoa thị trong HTML?

Nó sẽ hiển thị cho bạn mã cho trường mật khẩu. Chỉ cần nhìn vào dòng được đánh dấu và thay đổi type=”password” thành “text. ”

Làm cách nào để hiển thị mật khẩu dấu hoa thị trong HTML?
Làm cách nào để hiển thị mật khẩu dấu hoa thị trong HTML?

Hãy nhớ thay đổi loại trở lại mật khẩu, đặc biệt nếu bạn có nhiều người dùng trên máy tính của mình

20 bình luận

20 bình luận

  1. disqus_OYlLN8LWUw

    Điều này có thể hữu ích để biết. Tuy nhiên, Firefox sẽ cho bạn biết mật khẩu trong menu tùy chọn
    Điều đáng chú ý là trong IE 9, điều này cũng có thể thực hiện được bằng cách sử dụng các công cụ dành cho nhà phát triển hiện được tích hợp trong IE

    • nakaly

      Vâng, tôi cũng vậy

  2. Kristi Richardson

    Điều này không khiến bạn dễ bị hack hơn sao?

    • thạch giả

      ai đó có quyền truy cập vào máy tính của bạn, vâng

  3. rahul

    Cách hiển thị dấu hoa thị trong ký tự mật khẩu trong HTML

  4. sae

    cảm ơn anh bạn

  5. quý ông

    thực sự tuyệt vời thưa ngài… Tôi đã thử và mật khẩu của tôi đã bị tiết lộ trong trình duyệt chrome
    cảm ơn rất nhiều vì sự hướng dẫn của bạn

  6. người bình thường

    tnx thưa ngài giúp tôi rất nhiều

  7. Linda francis

    Cần mật khẩu mới nhưng không thể gửi tới email vì không thể truy cập email để nhận mật khẩu mới gửi tới emsi

  8. Puneet Anderson

    Cảm ơn ngài rất nhiều. Điều này thực sự hữu ích

  9. Giô-ên

    rất hữu ích…. cảm ơn… tôi thực sự không thể nhớ mật khẩu dot dot dot

  10. AJAY

    nếu nhấp chuột phải của họ bị vô hiệu hóa thì sao?

    • Riêng tư

      Tìm phím tắt. Tôi không biết, nhưng trang web thì có

    • bo bo

      F12

  11. đàn

    Có một thủ thuật tương tự cho Edge?
    Đan

  12. Keerthan

    Nếu máy là Tab thì làm sao để thực hiện các thao tác trên??

    Làm cách nào để hiển thị mật khẩu dấu hoa thị trong HTML?

    Xem mật khẩu phía sau dấu hoa thị trong Google Chrome . Một cách dễ dàng để tìm dòng mã đó là nhấn Ctrl + F và gõ. mật khẩu trong trường tìm kiếm và mũi tên tới nó. Ở đó bạn có nó. When the HTML Editor opens, look for input type = “password” field and change “password” to “text” and press Enter to save. An easy way to find that line of code is to hit Ctrl + F and type: password in the search field and arrow to it. There you have it!

    Làm cách nào để tiết lộ dấu hoa thị mật khẩu ẩn trong trình duyệt web?

    Truy cập mật khẩu đã lưu trong Chrome .
    Nhấp vào ba dấu chấm ở góc trên cùng bên phải và chọn Cài đặt để mở menu cài đặt Chrome
    Nhấp vào Mật khẩu trên màn hình sau và sau đó nhấp vào biểu tượng con mắt bên cạnh mật khẩu bạn muốn xem

    Bạn có thể sử dụng dấu hoa thị trong mật khẩu không?

    Bạn có thể sử dụng dấu hoa thị (*) ở bất kỳ đâu trong mật khẩu .

    Làm cách nào để đặt mật khẩu xác nhận trong HTML?

    Xác nhận mật khẩu bằng HTML5