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

44 lines
1.3 KiB
HTML
Raw Normal View History

2010-10-11 18:25:08 +00:00
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Docs - Buttons</title>
<link rel="stylesheet" media="only all" href="../../css/all" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
2010-10-11 18:25:08 +00:00
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Inline buttons</h1>
</div><!-- /header -->
<div data-role="content" class="ui-body">
2010-10-11 18:25:08 +00:00
<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>
2010-10-11 18:25:08 +00:00
<p><strong>Inline toolbar</strong> buttons</p>
<div data-role="footer" data-position="inline">
2010-10-11 21:35:49 +00:00
<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>
2010-10-11 18:31:33 +00:00
</div>
2010-10-11 18:25:08 +00:00
2010-10-11 18:25:08 +00:00
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>