web-ui-fw.github.com/option-test-fw.html at master · web-ui-fw/web-ui-fw.github.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
    <head>
        <title>jQuery Mobile Widget Option Tester</title>

        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" type="text/css" media="screen" href="web-ui-fw/themes/default/web-ui-fw-theme.css"/>
        <link rel="stylesheet" type="text/css" media="screen" href="web-ui-fw/themes/default/web-ui-fw-widget.css"/>
        <script src="web-ui-fw/js/jquery.js"></script>
        <script src="web-ui-fw/js/jquery-mobile.js"></script>
        <script src="web-ui-fw/js/web-ui-fw-libs.js"></script>
        <script src="web-ui-fw/js/web-ui-fw.js"></script>
        <script src="option-list.js"></script>
        <script src="inspect-page.js"></script>
    </head>

    <body>
        <div data-role="page">
            <div data-role="header">
                <h1>jQuery Mobile Widget Option Tester</h1>
            </div>
            <div data-role="contents">
                <form id="sample" name="sample" action="#" method="get" style="width: 50%; float: left;">
                    <div data-role="fieldcontain">
                        <label for="sample-colour" id="sample-colour-label">Colour</label>
                        <input type="color" name="sample-colour" id="sample-colour"></input>
                    </div>
                    <div data-role="fieldcontain">
                        <label for="sample-date" id="sample-date-label">Date</label>
                        <input type="date" id="sample-date"></input>
                    </div>
                </form>
                <div data-role="toggleswitch"></div>
                <a href="option-test.html" rel="external">jQuery Mobile Option Test</a>
            </div>
        </div>
    </body>
</html>