Trình giữ chỗ không hiển thị trong IE8 cho Bootstrap

Question

Tôi đang sử dụng Bootstrap cho dự án của mình. Trình giữ chỗ hiển thị tốt cho tất cả các trình duyệt ngoại trừ trong Internet Explorer 8 trở xuống.

Có giải pháp nào để nhận hỗ trợ trình giữ chỗ trong IE8 không?

Answer 1

bạn có thể sử dụng jquery watermark plugin cho rằng

https://code.google.com/p/jquery-watermark/

Answer 2

IE9 và dưới đây không hỗ trợ thuộc tính placeholder. Xem this

Bạn có thể sử dụng EZPZ hints để bổ sung. Chỉ cần tải tập lệnh nếu trình duyệt là IE

<!--[if lt IE 10]> 
     <script src="PATHTOFILE"></script> 
    <![endif]--> 

Mẹo EZPZ cho phép bạn tiếp tục sử dụng placeholder cho trình duyệt hiện đại.

Ví dụ:

<input type="text" id="search" placeholder="Search" /> 

$("input[type=text]").ezpz_hint(); 

Answer 3

Nó should'nt được để khó có thể con số này ra mà không cần plugin, tôi đoán một cái gì đó gần với điều này sẽ làm các trick:

var test = document.createElement('input'); 
if (!('placeholder' in test)) { 
    $('input').each(function() { 
     if ($(this).attr('placeholder') != "" && this.value == "") { 
      $(this).val($(this).attr('placeholder')) 
        .css('color', 'grey') 
        .on({ 
         focus: function() { 
         if (this.value == $(this).attr('placeholder')) { 
          $(this).val("").css('color', '#000'); 
         } 
         }, 
         blur: function() { 
         if (this.value == "") { 
          $(this).val($(this).attr('placeholder')) 
            .css('color', 'grey'); 
         } 
         } 
        }); 
     } 
    }); 
} 

Answer 4

bạn có thể sử dụng plugin này https://github.com/mathiasbynens/jquery-placeholder Thậm chí hoạt động trong IE6

Answer 5

Thêm vào từ Rubens câu trả lời có bản demo tại đây

http://mathiasbynens.be/demo/placeholder