Click to open login dialog
Description
The following code shows how to click to open login dialog.
Example
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'
src='http://code.jquery.com/jquery-2.0.2.js'></script>
<script type="text/javascript"
src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.js"></script>
<link rel="stylesheet" type="text/css"
href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.css">
</head><!--from w ww . j a va 2 s. com-->
<body>
<a href="#popupLogin" data-rel="popup" data-position-to="window"
data-role="button" data-inline="true" data-icon="check" data-theme="a"
data-transition="pop">Sign in</a>
<div data-role="popup" id="popupLogin" data-theme="a"
class="ui-corner-all" data-dismissible="false">
<form>
<div style="padding: 10px 20px;">
<h3>Please sign in</h3>
<label for="un" class="ui-hidden-accessible">Username:</label>
<input type="text" name="user" id="un" value="" placeholder="username"
data-theme="a">
<label for="pw" class="ui-hidden-accessible">Password:</label>
<input type="password" name="pass" id="pw" value="" placeholder="password"
data-theme="a">
<button type="submit" data-theme="b" data-icon="check">Sign
in</button>
</div>
</form>
</div>
</body>
</html>