guide text

メッセージを入力してください

htmlソース

		
	

		
		メッセージを入力してください
		
	
						

cssソース

*{
	font-family:sans-serif;
}
body{
	padding:30px;
}
form{
	padding:0 0 10px;
}
form div{
	padding:0 0 3px;
}
.guide{
	color:#cccccc;
}
textarea{
	display:block;
	width:300px;
	margin:5px 0 5px;
}                       
                        

変更ポイント

	
			//変更ポイント１ コード内で使用するクラス名を変数化
			var guideClass = 'guide';
			//変更ポイント２メソッドチェーン使用
				element.val('').removeClass(guideClass);
 				element.val(guideText).addClass(guideClass);               
   				element.addClass(guideClass);             
                		

復習

以前作成した下記の送信フォームに今回学習したガイドテキスト機能を実装してください。