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

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

使用方法
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「Clearable Text Field」サンプル

sponsors

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

記事作成:
記事URL:

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