javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

start form input css

Browse Source
This commit is contained in:
Adam Bradley
2013-08-29 11:34:07 -05:00
parent fbb4a727a5
commit 5f0daf1870
11 changed files with 2355 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
example/forms.html Normal file
View File

@@ -0,0 +1,47 @@
<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>

3
example/index.html
View File

@@ -27,7 +27,9 @@
<p><a class="button button-default" href="alerts.html">Alerts</a></p>
<p><a class="button button-default" href="buttons.html">Buttons</a></p>
<p><a class="button button-default" href="button-groups.html">Button Groups</a></p>
<p><a class="button button-default" href="events.html">Events</a></p>
<p><a class="button button-default" href="footers.html">Footers</a></p>
<p><a class="button button-default" href="forms.html">Forms</a></p>
<p><a class="button button-default" href="grids.html">Grids</a></p>
<p><a class="button button-default" href="headers.html">Headers</a></p>
<p><a class="button button-default" href="image-swipe.html">Image Swipe</a></p>
@@ -40,7 +42,6 @@
<p><a class="button button-default" href="popovers.html">Popovers</a></p>
<p><a class="button button-default" href="pull-to-refresh.html">Pull To Refresh</a></p>
<p><a class="button button-default" href="tab-bars.html">Tab Bars</a></p>
<p><a class="button button-default" href="events.html">Events</a></p>
</main>
</section>

13
example/input-text.html
View File

@@ -19,6 +19,19 @@
<main class="content content-padded has-header">
<h2>Text input</h2>
<p>
<input type="text" placeholder="This is where text goes!">
</p>
<h2>Search input</h2>
<p>
<input type="text" class="input-medium search-query" placeholder="Search">
</p>
<h2>Textarea</h2>
<textarea></textarea>
<p><a class="button button-secondary" href="index.html">Homepage</a></p>
</main>