JavaScript, jQueryサンプル

未入力テキストフォームにグレーのデフォルト文字を

解説ブログ:http://ultrah.zura.org/?p=7196



HTML

<input type="text" id="target1" title="入力してください">

jQuery

$(document).ready(function(){
	var target1;

	$('#target1').show(function(){
		target1 = $(this).attr('title');
		if ($(this).val() == target1 || $(this).val() == '')
			$(this).css({color:'gray'}).val(target1);
	}).focus(function(){
		if ($(this).val() == target1)
			$(this).css({color:'black'}).val('');
	}).blur(function(){
		if ($(this).val() == '')
			$(this).css({color:'gray'}).val(target1);
	});
});





トップ | Contact