これは、電子メールアドレスを把握するためのデータベースバックエンドを持つ単純なjQuery/ajax投稿です。
ですから、基本的に入力ボックス(keydown)にハンドラをアタッチして、データベースにクエリを行い、提案を「自動入力」します。すなわち、(オンライン別のソースから借りた)
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("input").keyup(function(){
var txt = $("input").val();
$.post("demo_ajax_gethint.asp", {suggest: txt}, function(result){
$("span").html(result);
});
});
});
</script>
</head>
<body>
<p>Start typing a name in the input field below:</p>
First name:
<input type="text">
<p>Suggestions: <span></span></p>
</body>
</html>
そしてもちろん、あなたは、出力結果は何を入力(の.aspや.phpのファイル)に基づいて、そのファイルを作ると思います。