jquery-mobile/docs/buttons/buttons-inline.html

44 lines
No EOL
1.3 KiB
HTML
Executable file

<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Docs - Buttons</title>
<link rel="stylesheet" href="../../css/all" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Inline buttons</h1>
</div><!-- /header -->
<div data-role="content" class="ui-body">
<p><strong>Inline</strong> buttons</p>
<a href="index.html" data-role="button" data-inline="true">Cancel</a>
<a href="index.html" data-role="button" data-theme="b" data-inline="true">Save</a>
<p><strong>Inline toolbar</strong> buttons</p>
<div data-role="footer" data-position="inline">
<select name="select-choice-1" id="select-choice-1" data-theme="a">
<option value="Choice 1">Choice 1</option>
<option value="Choice 2">Choice 2</option>
<option value="Choice 3">Choice 3</option>
</select>
<a href="index.html" data-role="button" data-icon="delete">Remove</a>
<a href="index.html" data-role="button" data-icon="plus">Add</a>
<a href="index.html" data-role="button" data-icon="arrow-u">Up</a>
<a href="index.html" data-role="button" data-icon="arrow-d">Down</a>
</div>
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>