Използване на focus за създаване на рамка

Тук ще възпроизведем един ефект, често използван във формата за влизане в пощенска кутия (yahoo, abv.bg и др.). Обърнете внимание на появата на синя рамка около активното поле за въвеждане на име или парола.

Въведете Вашето име:
Въведете парола:

Можете да промените изгледа на активното поле като зададете вместо border, някое друго свойство, например фонов цвят - заместете "border: 2px solid blue;" с "background-color:pink;" в кода вляво. Разбира се, можете и да комбинирате два или повече ефекта.

Целта на примера е да видите действието на псевдоклас focus, но ако все пак опитате да влезете в "пощенската си кутия" след въвеждане на име и парола, ще получите лично приветствие.