sy-FoosoUI
/
demo-input.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Input</title>
		<link href="css/font-awesome.min.css" rel="stylesheet">
		<link href="css/foosoui.css" rel="stylesheet">
		<link href="css/foosoui-black.css" rel="stylesheet">
	</head>
	<body>
		<div id="wrapper">
			<div class="page page-show" id="page1">
				<div class="titleBar">
					<div class="title"><a class="button btn-back" data-to="url" data-url="demo-welcome.html"><i class="fa fa-angle-left"></i> Input</a></div>
				</div><!-- /.titleBar -->
				<div class="text-center content">
					<p>Default:<input type="text" class="input input-default"></p>
					<p>Success:<input type="text" class="input input-success"></p>
					<p>Danger:<input type="text" class="input input-danger"></p>
					<p>Warning:<input type="text" class="input input-warning"></p>
					<p>Success:<input type="text" class="input hasSuccess"></p>
					<p>Danger:<input type="text" class="input hasDanger"></p>
					<p>Warning:<input type="text" class="input hasWarning"></p>
				</div><!-- /#content -->
			</div><!-- /.page -->
		</div> <!-- /#wrapper -->
		<script src="js/zepto.min.js"></script>
		<script src="js/foosoui.js"></script>
	</body>
</html>