実装が簡単で、フォームの使い勝手を向上させるJS 3種
Web屋の私がブックマークしているサイト65 | Webクリエイターボックス の、CSSんところにちゃっかり、CSS HappyLife ZERO が載ってて嬉しい＞＜ さて、今回はフォームです。 お問合わせフォームとか資料請求フォームとか、ウェブサイトには結構な確率で何らかのフォームが有るかと思います。 このフォームの使い勝手の良し悪しが、とても重要なのは言うまでも有りません。 でもまぁ、ビミョーなフォームが多いですよね。 本気でやり出すと、サーバーサイドに手を加えたりして云々だと大変なので、コストがかかるとかで出来ない場合も有るかも知れません。 しかし、フロントエンドで出来ることも有るので、フォームを実装する際に何事もなかったかのように極々自然と使い勝手が良くなる（だろう）機能を盛り込んだらステキですよね。きっと。 しれっとコーダーが、フォームに今回紹介する機能を実装しておけば「おー！
１個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」:phpspot開発日誌
１個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」 2010年05月26日- jQuery Doubleselect Plugin １個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」。 次のように、１個目のSelectボックスの内容によって２個目のselectボックスの内容が容易に切り替えるようなUIが簡単に実現できてしまうプラグインです。 １個目が野菜(Vegetables)の場合は、tomato, potato, asparagus が表示されます。 １個目をフルーツ(Fruits)にすると、apple, orange, kiwi, melon になります。 いざ実装しようとすると面度臭そうなのですが、jQueryプラグインによって、比較的簡単に実装できま
入力フォームに入力完了→「職業が選択されていません」→戻る→全リセット:アルファルファモザイク
■編集元：ニュース速報板より「入力フォームに入力完了→「職業が選択されていません」→戻る→全リセット」 1 封筒(群馬県) :2010/03/09(火) 19:58:21.35 ID:RhXQxda/ ?PLT(12236) ポイント特典 7割が経験、Web サイトの入力フォームに「イライラ」――アイシェア調べ Web サイトへの登録時や商品購入時に必要となる、入力フォームへの入力。 その際、数字の全角・半角の規定などでイライラした経験はないだろうか。 アイシェアは、同社のサービス会員に対し「入力フォームに関する意識調査」を実施、2010年3月9日、調査結果を発表した。 有効回答数は516名。男女比は、男性：53.5％、女性：46.5％。年代比は、20代：32.4％、30代：31.8％、40代：35.9％。調査期間は、2010年2月17日～22日の7日間。 このうち、ネットシ
ログインフォームのデザイン集１００種:phpspot開発日誌
100 Outstanding Login Forms | Design Reviver ログインフォームのデザイン集１００種が紹介されています。 以下は１００種という膨大なデザインの一例。これだけそろっているとお手本を探す手間は省けて、イメージどおりのフォームをクイックに真似ることが出来そうですね。 Nasibriyani lounge Virtual Paper Loginform すべて見る パターンにまとめてみて分析してみても面白いかも。 関連エントリ 黒ベースのダークでクールなWEBデザイン集 グラデーションをうまく使って立体感を出したサイトデザイン集 ベクターベースのダイナミックWEBデザイン集 韓国のすごいデザインサイト集
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Welcome to ajaxcssblog.com
http://www.designwalker.com/2009/03/form-design-2.html
アクセシブルで、美しいフォームを実装するためのチュートリアル集 | コリス
16 Free Ajax Contact Forms - For A Better User Experience
いろいろなサイトのフォームのログインを集めた -Login Forms Design Showcase
クリーンなものからクリエイティブなものまで、フォームのデザイン集
[CSS]使いやすいスタイリッシュなフォームを実装する17のチュートリアル | コリス
フォームのデザインいろいろ - DesignWalker