Untitled

<!DOCTYPE html>
<head>
        <meta name="format-detection" content="telephone=no">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
        <meta http-equiv="Content-Security-Policy">
        <script type="text/javascript" src="cordova.js"></script>
        <!-- jQuery -->
        <link rel="stylesheet" type="text/css" href="js/jquery-1.5.0.mobile.min.css">
        <script type="text/javascript" src="js/jquery-1.11.1.min.js" id="cordova-jquery"></script>
        <script type="text/javascript" id="jqm-trans-disable">
            /* For having a faster transition */
            $(document).on("mobileinit", function() {
                            $.mobile.defaultPageTransition = "none";
                            $.mobile.defaultDialogTransition = "none";
            });
        </script>
        <script type="text/javascript" src="js/jquery-1.5.0.mobile.min.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <title>Taxi Sharing</title>
</head>
<body>
        <div class="app">
            <h1>Taxi Sharing</h1>
            <!-- TODO 1(c) Google Map canvas -->
            <canvas style="width:90%;height:280px;margin-left:5%;border:1px solid black;" id="map_canvas"></canvas>
            <div data-role="controlgroup" data-type="horizontal">
                <!-- TODO 1(b)(i)-(v) Input text fields,
                OUCU shall have an ID "name",
                start time shall have and ID "start",
                end time shall have an ID "end",
                address shall have and ID "addr" -->
                <form>
                    OUCU:<br>
                    <input type="text" id="name" placeholder="OUCU"><br>
                    Start Time:<br>
                    <input type="text" id="time" placeholder="Start Time"><br>
                    End Time:<br>
                    <input type="text" id="time2" placeholder="End Time"><br>
                    Address:<br>
                    <input type="text" id="addr" placeholder="Address"><br>
                </form>
            </div>
            <div data-role="controlgroup" data-type="horizontal">
                <!-- TODO 1(b)(i)-(v) Function buttons:
                (i) register (ii) volunteer (iii) request (iv) cancel (v) start / stop
                -->
                <form>
                    <button type="button" id="register" onclick="app.taxiShare.register()">Register</button>
                    <button type="button" id="volunteer" onclick="app.taxiShare.volunteer()">Volunteer</button>
                    <button type="button" id="request" onclick="app.taxiShare.request()">Request</button>
                    <button type="button" id="cancel" onclick="app.taxiShare.cancel()">Cancel</button>
                    <button type="button" id="start" onclick="app.taxiShare.start()">Start</button>
                    <button type="button" id="stop" onclick="app.taxiShare.stop()">Stop</button>
                </form>
            </div>

        </div>

</body>