ログインフォームとサインアップフォームを一体化するテクニック

Leah Culver's Blogで、ログインフォームとサインアップフォームを一体化するテクニックが紹介されています。

↑の画像を見てもらうとわかるんですが、

• メールアドレス（ユーザー名）とパスワードは共通
• 「I have an account」にチェックを入れると「Log in」ボタンに切り替わり、パスワード忘れのリンクを表示
• 「I'm new!」にチェックを入れると「Sign up!」ボタンに切り替わり、利用規約へのリンクを表示

といった仕組みになっています。

ログインフォームとサインアップフォームを分けなくていいので、シンプルで使いやすそうですね。

参考に、HurlとAmazonの例が載っています。見てみると、確かにAmazonもこういうインターフェースになっていることに気づきますね。

フォーム作成の参考にしてみてはいかがでしょうか？

Log in or sign up?