-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinput.html
123 lines (104 loc) · 4.6 KB
/
input.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<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>Material UI - Free Bootstrap Framework by Retno Ika Safitri</title>
<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Main CSS -->
<link rel="stylesheet" type="text/css" href="css/demo.css">
<link rel="stylesheet" type="text/css" href="css/materialui.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Fixed navbar -->
<nav class="navbar navbar-blue navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">Bootstrap Material</a>
</div>
</div>
</nav>
<div class="container">
<div class="section-title">FORMS</div>
<div class="panel-title">Input</div>
<div class="row demo-row">
<div class="col-xs-6">
<div class="form-group"><input type="text" placeholder="Normal input" class="form-control"></div>
</div>
<div class="col-xs-6">
<div class="form-group"><input class="form-control" type="text" placeholder="Disabled input" disabled></div>
</div>
</div>
<div class="row demo-row">
<div class="col-xs-4">
<div class="form-group has-success"><input type="text" placeholder="Success" class="form-control"></div>
</div>
<div class="col-xs-4">
<div class="form-group has-warning"><input type="text" placeholder="Warning" class="form-control"></div>
</div>
<div class="col-xs-4">
<div class="form-group has-error"><input type="text" placeholder="Error" class="form-control"></div>
</div>
</div>
<div class="row demo-row">
<div class="panel-title">Checkboxes</div>
<div class="col-xs-6">
<label class="checkbox" for="checkbox1">
<input type="checkbox" value id="checkbox1" data-toggle="checkbox" class="checkbox">
Unchecked
</label>
</div>
<div class="col-xs-6">
<form class="ex-form">
<h5>Upload It!</h5>
<div class="form-group">
<label for="">Email</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter your email">
</div>
<div class="form-group">
<label for="">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group">
<label for="exampleInputFile">File input</label>
<input type="file" id="exampleInputFile">
<!--<p class="help-block">Example block-level help text here.</p>-->
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Check me out
</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
<!-- Input ends here -->
</div><!-- /.container -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-xs-8 footnote">
<p>Bear claw danish muffin sweet roll candy canes croissant muffin. Brownie dessert gingerbread halvah dragée gummies. Chupa chups macaroon lollipop pie. Tootsie roll topping applicake lollipop. Jelly beans gingerbread gummies bonbon unerdwear.com biscuit marshmallow danish. Lemon drops cake bear claw lollipop sugar plum pudding dessert sweet roll. Chocolate cake cake topping jelly-o marshmallow topping topping danish sesame snaps. </p>
</div>
<div class="col-xs-4 footnote-block">
</div>
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/dropdown.js"></script>
<script src="js/tab.js"></script>
</body>
</html>