Где я могу найти CSS / решение JavaScript этикеток заполнителя в полях ввода?

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills For most of these plugins you can just strip out the jQuery part and use it as standalone

Заполнитель HTML5 полизаполняется, которые не зависят от других библиотек:

• фиксатор заполнителя
• Placeholders.js

You can roll your own... Here's a JSFiddle I through together. http://JSfiddle.net/VF8Dr/

CSS

.placeholder { 
  color: gray; 
  position: absolute;
  padding-left: 10px;
}

JS

function addPlaceholder(id, text) {
  var elm = document.getElementById(id);
  var ph = document.createElement("SPAN");
  ph.className = "placeholder";
  ph.innerHTML = text;
  elm.parentNode.insertBefore(ph, elm.nextSibling);
  ph.style.left = elm.offsetLeft + 'px';
  ph.style.top = elm.offsetTop + 'px';
  ph.onclick = function() {
    ph.style.display = 'none';
    elm.focus();
  };
  elm.onfocus = function() {
    if(ph.style.display != 'none')
      ph.style.display = 'none';
  };
  elm.onblur = function() {
    if(elm.value == '')
      ph.style.display = '';
  };
}
addPlaceholder("demo", "my text");

Очевидно, это экстенсивно не проверено, но если вы будете упрямы о не использовании структуры как jQuery (или просто предотвращение ненужного раздувания), но все еще захотите поперечный браузер и старую совместимость браузера, то это поможет вам добраться там.

Это - то, что я использовал в прошлом:

activatePlaceHolder: function() {
    var detect = navigator.userAgent.toLowerCase(); 
    if (detect.indexOf("msie") < 0) return false;
    var inputs = document.getElementsByTagName("input");
    var inputLen = inputs.length;
    for (var i = 0; i < inputLen; i++) {
        if (inputs[i].getAttribute("type") == "text") {
            if (inputs[i].getAttribute("placeholder") && inputs[i].getAttribute("placeholder").length > 0) {
                inputs[i].value = inputs[i].getAttribute("placeholder");
                inputs[i].onclick = function() {
                    if (this.value == this.getAttribute("placeholder")) {
                        this.value = "";
                    }
                    return false;
                }
                inputs[i].onblur = function() {
                    if (this.value.length < 1) {
                        this.value = this.getAttribute("placeholder");
                    }
                }
            }
        }
    }       
}