[JavaScript] フォームのplaceholder属性に対応していないブラウザでもそれっぽく見せる関数。要jQuery。

jquery.cross_browser_placeholder.js

function cross_browser_placeholder(){
  var supportsInputAttribute = function (attr) {
    	var input = document.createElement('input');
		return attr in input;
	};

	if (!supportsInputAttribute('placeholder')) {
		$('[placeholder]').each(function () {
			var input = $(this),
			placeholderText = input.attr('placeholder'),
			placeholderColor = '#999',
			defaultColor = input.css('color');
			input.focus(function () {
				if (input.val() === placeholderText) {
					input.val('').css('color', defaultColor);
				}
			})
			.blur(function () {
				if (input.val().replace(/[\s\t\n\r]/g,'') === '') {
					input.val(placeholderText).css('color', placeholderColor);
				} else if (input.val() === placeholderText) {
					input.css('color', placeholderColor);
				}
			})
			.blur()
			.parents('form')
			.submit(function () {
				if (input.val() === placeholderText) {
					input.val('');
				}
			});
		});
	}
}