Бывaли случаи, когда "Логин@мыло.им п4р0л6" удобно было в одном поле иметь для экономии времени (ни tab, ни клик мышкой).
Что-то типа этого:
<body>
<a href='#'>Продукция</a>
<a href='#'>О нас…</a>
<input
id=Login
type=text
placeholder='Логин@почтовый'
value=''
onkeyup='
var s = this.value.replace(/\s+/, "");
if(s != this.value)
this.value = s,
document.getElementById("PassWord").focus();
' />
<input
id=PassWord
type=password
placeholder='В4ш_П4р0л6'
value=''
onkeyup='
if(this.value == "")
document.getElementById("Login").focus();
' />
</body>
P.S.: Пример, конечно, тупой.
Но, креативный и использовался (тут я его упростил)…