メールアドレス入力をラクに！email-autocomplete.jsでドメイン自動補完の設定方法｜DAD UNION – エンジニア同盟「g」と入力すると「gmail.com」が補完されます。 「h」と入力すると「hotmail.com」が補完されます。 「y」と入力すると「yahoo.co.jp」が補完されます。 CSSの記述 まず、メールアドレス入力フォームのスタイルを設定します。以下のCSSを参考にしてください。必要に応じてカスタマイズしてください。 <style type="text/css"> <!-- body{ text-align: center; font-size: 16px; } h1{ text-align: center; padding: 10px 0 0 0; font-size: 18px; font-weight: bold; } p{ padding: 15px 0 25px 0; } form{ width: 400px; margin: 0 auto; } --> </style>
