入力フォームのデザインがすばらしいページを教えてください。

https://w2.netprice.co.jp/netprice/netprice/?site=netprice&g...

http://lss.skr.jp/stratum/str2004/str0404/

楽天市場の商品購入ページの入力フォームは使いやすく見やすいと思います。

http://www.rakuten.co.jp/

• 会員情報登録画面 - ドコイク？ -
• Remember The Milk - Signup

JavaScript で入力チェックしてくれるタイプが好きです。

http://www.rememberthemilk.com/

Remember The Milkの登録ページはJavaScriptを利用して動的にフォームが正しいかをチェックしてくれるので、とてもスムーズに登録できました。シンプルながら完成度の高い入力フォームだと思います。

http://www.vox.com/register/

ブログサイトのVOXです。デザインは普通ですが

VOX　URLの所で文字を入力するとAJAXで非同期的に

サーバーに同じURL名が無いかチェックしにいくので

ボタンを教えて同じURL名がないかチェックしないと

いけないという面倒な手間が省けてユーザーとしては

うれしいです。

クレジットカードの申し込み画面ですが、郵便番号で住所を検索できるのはもちろんですが、住所を選択した時点で読みがなも同時に入力されるのがいいと思いました。

https://www.ucscard.co.jp/nyukai?origin=karuwaza&event=agree

取材希望日時のプルダウン周りの余白が好きです

まんだらけ - プレスルーム

http://www.mandarake.co.jp/press/

http://www.edilidea.com/contattareedilidea.php

↑薄くテキストが入っています

http://en.helldesign.pl/

↑最近はたまにありますが、最初から問い合わせフォームがついてます

ほかにも何かあるかもです↓

http://www.designlinkdatabase.net/datas/0/0/0/0000_01/0/-1/0/0/0...

既に出ている

http://www.rememberthemilk.com/

と同じように、AJAXを使った動的入力チェックを簡単に導入する方法が書いてあります。

かっこいいですし、便利です。

http://blog.masuidrive.jp/articles/2006/01/05/validation

http://www.spellify.com/

スペルチェッカーですが、なかなかおもしろいです。

自分のサイトですが、「ajax」や「フォーム内テキストを含むフォント」など結構気を使っています。

何かお気づきの点があれば、教えていただけると幸いです。

http://www.ordermade-corset.com/order.htm

（リンク後、画面右下の「買う」ボタンを押すと入力フォーム画面へ遷移します）

※別に「買う」を押しても、注文確定ではないのでご安心を。

http://cyberniko.jp/hal/web/form

機能の話です。

https://www.morphica.jp/jsp/login/login.jsp

条件に合うのではないでしょうか。

ここのショッピングカートをおすすめします。

http://www.scope.ne.jp/

javascriptでの入力チェックみたいな機能もなく特別珍しいデザインでもないですが、

色・スペース・サイズの使い方が絶妙で、何を入力すればいいか、何を選択していけばいいかが感覚的に分かりやすく、ユーザーが気持ちよく誘導されるデザインだと思います。

■html+javascriptで優れている物

http://www.epsondirect.co.jp

地味なデザインですが大体思いつく入力チェックとかが全部盛りになっています。

■Flashで作られている物でナビゲータ付き

オリックスvipローン申込ページ

https://credit.orix.co.jp/credit/BOISS/flash_vip_b.html

おねいさんがナビゲートして最後まで入力を補助してもらえます。

http://www.otaiweb.com/comu/html/

通販レコードショップです。

EC-CUBE

http://site.ec-cube.net/index.php

入力ミスがあると、ミスしたところのフォームの色が変わっていてわかりやすかってです。

http://www.blogger.com/signup.g

さり気ないオシャレが好きですね。

追加しますね。

Yahoo! JAPAN と Google のアカウント作成画面です。

Yahoo! JAPANへようこそ

Yahoo! JAPAN はインターネット初心者も多いためか、入力項目の説明が丁寧で分かりやすいです。

Google Accounts

Google はパスワードの安全性をチェックしてくれる機能があります。ただ単に「aaaaaaaaaaaaaaaaa」と長い文字列を入れても安全性が低いこともチェックしてくれますし、ここまで正確にチェックしてくれるものはなかなかないと思います。