Files
2013-08-29 11:34:07 -05:00

48 lines
1.2 KiB
HTML

<html>
<head>
<meta charset="utf-8">
<title>Forms</title>
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="../../dist/ionic.css">
</head>
<body>
<section>
<header class="bar bar-header bar-dark">
<h1 class="title">Forms</h1>
</header>
<main class="content content-padded has-header">
<h2>Default form layout</h2>
<form>
<fieldset>
<legend>Legend</legend>
<label>Label name</label>
<input type="text" placeholder="Type something…">
<span class="help-block">Example block-level help text here.</span>
<label class="checkbox">
<input type="checkbox"> Check me out
</label>
<button type="submit" class="btn">Submit</button>
</fieldset>
</form>
<h2>Inline form layout</h2>
<p><a class="button button-secondary" href="index.html">Homepage</a></p>
</main>
</section>
</body>
</html>