Проблема с вводом Topbar в Bootstrap css, т. Е.

Question

Когда я создаю окно ввода в верхней панели с помощью bootstrap css, значение placeholder отображается во всех браузерах, кроме IE. Но в твиттер-сайте они делают его видимым как-то (а не javascript, потому что я отключил скрипты и протестировал). Может ли кто-нибудь помочь мне?

Answer 1

Было бы хорошо видеть ваш код, но я предположим, что вы установили атрибут placeholder = "my placeholder" на входной тег. Это новая функциональность HTML5, поэтому она работает без JavaScript.

Есть несколько причин, по которым я могу думать, почему это не работает.

1. Установите свой doctype правильно на html, что указывает на html5.
2. Убедитесь, что перед объявлением doctype ничего нет, даже пустые строки.
3. Правильно настройте свои CSS-стили. Вы должны будете использовать поставщика приставкой , так как это относительно новая функция:

---

::-webkit-input-placeholder { color:#999; }; 
:-moz-placeholder { color:#999; }; 
:-ms-input-placeholder { color:#999; }; 
:placeholder { color:#999; }; 
.placeholder { color:#999; }; 

Answer 2

У меня были подобные проблемы и подделать такую ​​же функциональность заполнитель для IE, делая это.

<script type="text/javascript"> 
$(function() { 
    if(!$.support.placeholder) { 
     var active = document.activeElement; 
     $(':text').focus(function() { 
      if ($(this).attr('placeholder') != '' && $(this).val() == $(this).attr('placeholder')) { 
       $(this).val('').removeClass('hasPlaceholder'); 
      } 
     }).blur(function() { 
      if ($(this).attr('placeholder') != '' && ($(this).val() == '' || $(this).val() == $(this).attr('placeholder'))) { 
       $(this).val($(this).attr('placeholder')).addClass('hasPlaceholder'); 
      } 
     }); 
     $(':text').blur(); 
     $(active).focus(); 
     $('form').submit(function() { 
      $(this).find('.hasPlaceholder').each(function() { $(this).val(''); }); 
     }); 
    } 
}); 
</script> 

Источник:http://www.cssnewbie.com/cross-browser-support-for-html5-placeholder-text-in-forms/