フォームをちょこっとだけ使いやすくする小技いろいろ
July 18, 2008 3:16 PM written by Gen Taguchi
自分へのメモも兼ねてエントリー。フォームのユーザビリティを向上させる小技いろいろです。こういう小技を積極的に実装して自分のものにしていきたいですな。
どういうことができるかだけ紹介していきますので実際のコードは元記事を参照してくださいね。
- 入力する際のメモを表示
- 入力候補を表示
- リアルタイムに入力値をチェック
- あるフィールドの値によって動作を変える
↑ 入力フィールドにフォーカスがあたるとメッセージを表示。
↑ タイプしはじめると候補を表示。
↑ タイプしはじめると文字数をチェックとか。
↑ 入力できる文字が5文字以下になると赤字になるとか。
↑ チェックボックスの値によってフィールドを表示。
元記事ではソースを丸ごとダウンロードできますよ。日本語に対応させるにはごにょごにょする必要がありそうですが、こういうのは積極的に使いたいですね。
» woork: Useful tips to enrich your HTML Forms
Info: 開発ツール・技術 |
固定リンク |
コメント (0) |
トラックバック (0) |
↑
