このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<link href="<PATH>/jquery.clearableTextField.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.clearableTextField.min.js"></script>
<script>
	$(window).load(function(){
		$('#ClearableTextField input[type=text]').clearableTextField();
	});
</script>
<label for="bar">入力してください。</label>
<input type="text" class="test" value="" id="bar" name="bar" />

ClearableTextFieldについて

ClearableTextFieldは、入力フォームに文字を入力すると文字削除用のボタンを表示するプラグインです。
シンプルですが、入力フォームのユーザビリティー向上に期待できます。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT or GPL
対応ブラウザ

関連するjQueryプラグイン

  • pickadate

    pickadate

    入力フォームに日付や時間をピッカーから選択できるUIを簡単に設置できる

  • Ranger

    Ranger

    スライダーで値を選択できるUIを簡単に設置できる

  • iCheck

    iCheck

    チェックボックス、ラジオボタンのなどの見た目をPC,スマホ、クロスブラウザで統一できる

  • Selecter

    Selecter

    セレクトボックスの見た目、使い勝手を向上してくれる

  • SlidingLabels

    SlidingLabels

    入力フォームのラベルに動きをつける