« Blog Home

§ Fake placeholders

Fake placeholders...

var placeholderSupport = 'placeholder' in document.createElement('input');

function fixPlaceholder(el) {
  if(!placeholderSupport) {
    el.value = el.getAttribute('placeholder');
    el.className = 'gray';
    el.onfocus = function() {
      if(this.value === this.getAttribute('placeholder')) {
        this.value = '';
        this.className = '';
      }
    }
    el.onblur = function() {
      if(this.value === '') {
        this.className = 'gray';
        this.value = this.getAttribute('placeholder');
      }
    }
  }
}

var st = document.getElementById('searchtext');
if(st) {
  fixPlaceholder(st);
}

last edited on January 9th, 2016 at 5:09 PM

Comments

No Comments Here. Add yours below!

Add your comment

Name:
Email: (Will not be displayed - Privacy policy)
Website:
Comments:
  random image I can't read it!
Give me a different one!
Verify Post: Input the text from the image above to verify this post (helps prevent spam)
 

« Blog Home


Redundance is good.  Redundance is good.
Strength and Honor, R.M. Meluch