Original Link: http://css-tricks.com/email-domain-datalist-helper/

What if someone signs up for your web app and they type in their email address as [email protected]? They don’t notice, they never get their confirmation email, they never can log in again, the “forgot password” feature doesn’t work, and there is a lot of frustration and finger pointing.

Can’t we help with that?

I had a really basic idea to suggest common email domains with a suggestion dropdown. Essentially like this:


Datalists like that can be attached to any text-y input and they essentially provide suggestions. The user can still type in whatever valid value they want. It’s like a cross between a , I suppose.

Here’s how it works.

This is an interesting approach… I agree with Chris that it could require some UX testing to make sure it would actually work well though