auth.gsp view source

<!DOCTYPE html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="/themes/aw.min.css" />
        <link rel="stylesheet" href="/themes/jquery.mobile.icons.min.css" />
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile.structure-1.4.4.min.css" />
        <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>

        <r:layoutResources/>

    <meta name="layout" content="main"/>


    </head>
    <body>

        <div data-role="page" id="pageone"  data-quicklinks="true" data-theme="a">
            <div data-role="panel" data-position-fixed="true" data-theme="a" id="myPanel">
            </div><!-- /panel -->

              <div data-role="header"  data-position="fixed" >
                <a href="#myPanel" data-icon="bars" data-iconpos="notext">Menu</a>
                <h1>Radio</h1>
              </div>


          <div data-role="main" class="ui-content" id="center">
                <div data-role="content">
                    <div class="ui-body ui-body-a ui-corner-all">
                        <h3>login</h3>


                            <form action='/j_spring_security_check' method='GET' id='loginForm'  autocomplete='off'>
                                <p>
                                    <input type='text' class='text_' name='j_username' id='username' placeholder="email_address"/>
                                </p>

                                <p>
                                    <input type='password' class='text_' name='j_password' id='password' placeholder="password"/>
                                </p>

                                <p>
                                    <input type='submit' id="submit" value='login'/>
                                </p>
                            </form>
                    </div>


                </div>
          </div>

          <div data-role="footer"  data-position="fixed"   data-theme="a">
            <div align="center">
                <div id="custom-border-radius">
                    <a href="#" class="ui-btn ui-icon-user ui-btn-icon-notext ui-corner-all">No text</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#" class="ui-btn ui-icon-info ui-btn-icon-notext ui-corner-all">No text</a>
                </div>
            </div>
          </div>
        </div>


<script type='text/javascript'>
    (function() {
        document.forms['loginForm'].elements['j_username'].focus();
    })();
</script>

    </body>
</html>