iPhone風のテキストボックスの文字を消去するボタンを実装するチュートリアル

iPhoneユーザーにはお馴染みこのボタン

いつのまにかYahoo検索でも採用されてました同じようなボタン

Yahoo検索キャプチャ

ちょっとした配慮で少しでも入力する手間を軽減できるいい例ですね。
お問い合わせなどのフォームではあんまり役に立たないかもしれませんが
検索窓のテキストボックスなどでは割と使えるかも…？

というわけでこのテキストボックスの中身を消去するボタンを実装する方法を紹介します。
最終的にjQueryプラグインにしているのでサンプルはプラグイン版です。

入力補助でユーザーの負担を減らそう予約語を表示するtangoHokan.js

どんな場面でもフォームの項目入力はどうしても面倒くさいもの。

ある程度決まった単語が入力されるとわかっているなら
よく使う単語を表示して選べれば便利ですよね。

tangoHokanはINPUT入力時に予約語を表示して
少しでもユーザーの負担を減らすための補助スクリプトです。
また入力文字に応じて予約語から絞り込みができます。

Google検索のような予測ではないですが
使い方次第ではシステム連携でそれらしいこともできると思います。

Ajax Username Checker – Ajax Username Checkerのサンプル
– jQuery、PHP、CSVを組み合わせて、入力したユーザネームが利用できるかどうかをチェックできるよ！

というのがあるんですがOKWave（と教えてgoo）からリファラーがきてて
みたら jQuery.validation.jsとAjax Username Checkerを一緒に使えないかみたいな感じでした。

で面白いのでjQuery.validation.jsで使えるようにソースを修正してみました。

先日試した自分のサイトでAutoPagerizeを使うからの延長で
自分のWordPressにAutoPagerizeを手軽に導入できるプラグインを作りました。

色々と方法はあったんですけれど
とりあえずは、Pagenavi付き・jQuery使用になってます。
（上記の2点は好みが分かれそうですね…

変更項目は、

です。