Modal Dialog Login Form Demo

Show Modal

This page is a simple demo of how to create a modal login without JavaScript in modern browsers. It does so using the :target psuedoclass, CSS 3 and an anchor tag who's href points at the ID of the element we wish to show/hide. Older browsers will simply show the login form at the bottom and when the login link is clicked, the page scrolls down to that form.

An interesting side effect of how this works, is that the user can also hit 'back' to 'close' the dialog.

For more information on how this works, please see our Modal Dialogs without JavaScript tutorial page.

Forgot your password?