Khi sử dụng Internet Explorer 10 và 11, văn bản giữ chỗ đầu vào sẽ bị xóa nếu đầu vào được lấy nét bằng thuộc tính autofocus. Ví dụ:Internet Explorer 10 và 11 xóa văn bản giữ chỗ khi đầu vào được tập trung
<input type="textbox" value="" placeholder="Example text" autofocus>
Demo:https://jsfiddle.net/ompkwtz5/
Làm thế nào tôi có thể đảm bảo các văn bản giữ chỗ không bị xóa?
It's an IE bug, một trong liên kết tham chiếu.
Hãy xem jquery-placeholder. Cũng sẽ hỗ trợ IE6! Tôi không chắc chắn nếu nó sẽ làm việc ra khỏi hộp mặc dù, vì IE10 có nghĩa vụ phải hỗ trợ các thuộc tính placeholder, vì vậy hãy kiểm tra xem jQuery.fn.placeholder.input là true (thông tin thêm trong README). Nếu có, plugin sẽ không làm bất cứ điều gì, vì vậy bạn có thể cần phải ghi đè hành vi kiểm tra của nó.
Tuyệt vời là lỗi vẫn hoạt động.
Tôi nhận thấy điều đó; xấu hổ họ đã không thể cung cấp một sửa chữa. – henrywright
Ngoài ra IE9, xem http://stackoverflow.com/questions/5522164/input-placeholders-for-internet-explorer/7225820 –
@KevinHakanson Tôi nghĩ IE9 hơi khác một chút. Nó không hỗ trợ giữ chỗ ở tất cả trong khi 10 và 11 hỗ trợ chúng. 10 và 11 chỉ xử lý chúng theo cách điên rồ (chúng bị xóa khi đầu vào được lấy nét). – henrywright
bạn là chính xác, câu trả lời được liên kết với các polyfills hoạt động trong cả IE9, 10 và 11 để nhận được hành vi mong đợi –