Untitled


<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Test</title>
        <script src="main.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <form>
            <div id="days-of-the-week">
                <input type="checkbox" value="MON"> Monday
                <input type="checkbox" value="TUE"> Tuesday
                <input type="checkbox" value="WED"> Wednesday
                <input type="checkbox" value="THU"> Thursday
                <input type="checkbox" value="FRI"> Friday
                <input type="checkbox" value="SAT"> Saturday
                <input type="checkbox" value="SUN"> Sunday
            </div>
            or
            <div id="date-picker">
                <input type="hidden" value="" id="date">
                <select id="day">
                    <!-- fill it with JS, but don’t update afterwards -->
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>...</option>
                    <option>31</option>
                </select>
                <select id="month">
                    <option>...</option>
                </select>
                <select id="year">
                    <option>-10..+10</option>
                </select>
            </div>
            or
            <div id="user-input">
                <!-- parse it to fields above -->
                <input type="text" value="" id="input">
            </div>

            <input type="submit" value="Run" id="submit">

            <!-- final format: MON,TUE,FRI or 05/12/2011 -->
            <input type="text" value="" id="result">
        </form>
    </body>
</html>