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

44 lines
1.2 KiB
HTML
Raw Normal View History

2010-10-11 18:25:08 +00:00
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Docs - Lists</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>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Button markup options</h1>
</div><!-- /header -->
<div data-role="content">
2010-10-11 18:31:33 +00:00
<div class="ui-body ui-body-c">
<p><strong>Link</strong> based button</p>
2010-10-11 18:25:08 +00:00
<a href="index.html" data-role="button">Link element</a>
2010-10-11 18:31:33 +00:00
<p><strong>Button</strong> based button</p>
2010-10-11 18:25:08 +00:00
<button>Button element</button>
2010-10-11 18:31:33 +00:00
<p><strong>Input type="button"</strong> based button</p>
2010-10-11 18:25:08 +00:00
<input type="button" value="Input type=button" />
2010-10-11 18:31:33 +00:00
<p><strong>Input type="submit"</strong> based button</p>
2010-10-11 18:25:08 +00:00
<input type="submit" value="Input type=submit" />
2010-10-11 18:31:33 +00:00
<p><strong>Input type="reset"</strong> based button</p>
2010-10-11 18:25:08 +00:00
<input type="reset" value="Input type=reset" />
2010-10-11 18:31:33 +00:00
<p><strong>Input type="image"</strong> based button</p>
2010-10-11 18:25:08 +00:00
<input type="image" value="Input type=image" />
2010-10-11 18:31:33 +00:00
</div><!-- /ui-body wrapper -->
2010-10-11 18:25:08 +00:00
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>