Detect if the placeholder attribute is support, if not find all elements and provide support for it through event listeners.

SpryInputPlaceHolder.js

(function(){
	if( function(){ var input = document.createElement( "input" ); return ( "placeholder" in input )}() )
		return;
 
	Spry.$$( "input[placeholder]", document.body ).forEach( function( e ){
		var current = e.attributes.getNamedItem( "placeholder" ).value;
		
		if( !e.value ){
			e.value = current;
			// add special place holder class for styling...
			Spry.Utils.addClassName( e, "placeholder" );
		}
		
		Spry.Utils.addEventListener( e, "focus", function(){ this.value = this.value == current ? "" : this.value; return this.value == current ? Spry.Utils.addClassName( e, "placeholder" ) : Spry.Utils.removeClassName( e, "placeholder") });
		Spry.Utils.addEventListener( e, "blur", function(){ this.value = this.value == "" ? current : this.value; return this.value == current ? Spry.Utils.addClassName( e, "placeholder" ) : Spry.Utils.removeClassName( e, "placeholder") });
	
	})
}())