HTML/CSS: Cách nhập "mật khẩu" hiển thị mật khẩu?

Question

Làm cách nào để bạn có thể đặt giá trị trong trường mật khẩu hiển thị? Vì vậy, khi nhập mật khẩu của bạn trong trường, mật khẩu sẽ không hiển thị các chấm đen, nhưng giá trị thực tế mà bạn đang nhập.

Cảm ơn!

chỉnh sửa: Ok, vậy thì câu hỏi hay hơn có thể là: Làm cách nào để buộc trình duyệt ghi nhớ giá trị trong trường 'mật khẩu' này và coi đó là mật khẩu?

Answer 1

Đừng làm cho nó một lĩnh vực mật khẩu, làm cho nó một hộp văn bản bình thường.

Nếu bạn cần phải chuyển đổi các loại hình trường năng động, có một HOWOTO over on codingforums.com, và cũng có nhiều SO câu hỏi:

• Javascript IE6/7/8 change input type
• Changing the <input> type in IE with JavaScript
• Javascript change input type dynamically doesnt work on IE8
• change type of input field with jQuery

Để đảm bảo rằng b rowsers giữ hành vi bình thường của họ (tiết kiệm/không lưu mật khẩu), bạn có thể chuyển đổi này trở lại một lĩnh vực mật khẩu khi gửi.

Answer 2

Làm cách nào bạn có thể đặt giá trị trong trường mật khẩu hiển thị? Vì vậy, khi nhập mật khẩu của bạn trong trường, mật khẩu sẽ không hiển thị các chấm đen, nhưng giá trị thực tế mà bạn đang nhập.

Bạn không thể.

Tuy nhiên, bạn có thể sử dụng kiểu nhập văn bản thông thường để người dùng nhập mật khẩu.

Tôi sẽ không đề xuất điều này, mặc dù - ví dụ: trình duyệt có thể tự động lưu bất kỳ nội dung nào bạn nhập vào. A autocomplete="off" là bắt buộc trong mọi trường hợp.

tham khảo:

• MSDN article trên các yếu tố đầu vào trong IE; đề cập rằng element.value bất động sản luôn được dấu sao cho đầu vào mật khẩu, thậm chí khi truy cập nó từ JS

• MDC: How to Turn Off Form Autocompletion

Answer 3

Sau đó, nó được gọi là mật khẩu? Nó là hộp văn bản đơn giản mà thôi.

<input type="text" name="password" id="password" /> 

Edit: Cho dù bạn muốn giống như một ghi nhớ mật khẩu của tôi?

Vì vậy, nếu bạn muốn giữ mật khẩu ở phía máy khách, hãy đặt mật khẩu vào cookie và nếu cookie đã được đặt thay thế trường mật khẩu bằng giá trị cookie.