HTML5 Form Demo

by trott

HTML

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Fun Times</title>
    </head>
    <body>
        <form action="javascript:alert('submitted!')">
            <input type="email" name="your_email" autofocus required placeholder="Your email address">
            <input type="date" required>
            <input type="submit">
        </form>
    </body>
</html>

CSS

input {
    display:block;
    margin:1em auto 1em auto;    
}