email-autocompleteというjQueryプラグインを利用することで、メールアドレス入力フォームに簡単にドメインのサジェスト機能を付けられます。
<form> <input type="email" id="email" placeholder="メールアドレスを入力"> </form> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> //jQueryを読み込む <script src="js/jquery.email-autocomplete.js"></script> //プラグインを読み込む <script> (function($){ $(function() { $(".email").emailautocomplete({ domains: ["yahoo.co.jp"] //案内したいドメインを自分で追加できます。 }); }); }(jQuery)); </script>
メールアドレスのみで無料登録できるようになると、間違えないで入力してもらえるフォームにするということがとても重要になるので、色々探しています。
これも便利ですが、予測されたドメインをタブで選択しなくてはいけないのが、ちょっと難しいですよね。。