フォームに入力したら削除マークを表示するJavaScript「Clearable Text Field」

フォームに入力した内容を消したいとき、「×」マークがあったら便利ではないでしょうか。
JavaScriptライブラリであるjQueryのプラグイン「Plugins | jQuery Plugins」を使用して実現します。

sponsors

使用方法

Plugins | jQuery Pluginsからファイル一式をダウンロードします。

<link type="text/css" rel="stylesheet" href="jquery.clearableTextField.css" />
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.clearableTextField.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('input[type=text]').clearableTextField();	
});
</script>
上記を記述したらあとはinputを通常通り記述すれば完成です。

<input type="text" />

サンプル

:
Javascriptサンプルページ一覧
skuare.net