Làm cách nào để hủy chỉnh sửa/vô hiệu hóa giá trị đầu vào được lưu trong bộ nhớ cache (của văn bản loại)?

Question

Tôi có đầu vào loại text, từ đó tôi đã nhập giá trị 1234
nó đã được lưu trong bộ nhớ cache như được hiển thị bên dưới.

Các vấn đề ở đây là, nó là vô cùng bực bội để chọn hộp văn bản ở hàng tiếp theo.

Có cách nào để không hiển thị 12334 (được đánh dấu trong ảnh chụp màn hình) này từ bao giờ được hiển thị thông qua đánh dấu HTML hoặc javascript không?

Answer 1

Như @John chỉ ra, trên các trình duyệt hiện đại, bạn có thể sử dụng thuộc tính HTML5 validautocomplete, trong ảnh chụp màn hình của bạn tôi thấy nhiều textbox, nếu bạn muốn vô hiệu hóa tự động hoàn trên toàn bộ mẫu bạn có thể thiết lập thuộc tính này trực tiếp tại form yếu tố:

<form name="form1" id="form1" method="post" autocomplete="off" 
    action="http://www.example.com/form.action"> 
[...] 
</form> 

Thông tin thêm:

• How to Turn Off Form Autocompletion

Answer 2

<input type="text" name="input" autocomplete="off" />

Answer 3

Để áp dụng điều này cho tất cả các điều khiển đầu vào, viết lệnh như sau (sử dụng jQuery):

$(document).ready(function() { 
    $('input[type=text], input[type=password]').attr('autocomplete', 'off'); 
});