Skip to content

Commit 94bad0f

Browse files
IlyaSerdyukIlyaSerdyuk
committed
Init commit
0 parents  commit 94bad0f

16 files changed

+1861
-0
lines changed

‎example_01.html

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
<!DOCTYPE html>
2+
<html lang="ru">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>Bootstrap Form</title>
8+
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
9+
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
10+
<link rel="stylesheet" href="patch.css">
11+
<style>
12+
.highlight {
13+
padding: 9px 14px;
14+
margin-bottom: 14px;
15+
background-color: #f7f7f9;
16+
border: 1px solid #e1e1e8;
17+
border-radius: 4px;
18+
}
19+
</style>
20+
</head>
21+
<body style="margin-bottom: 30px;">
22+
<div class="container">
23+
<div class="page-header">
24+
<h1>
25+
Bootstrap 3 Form from Zend Framework 1
26+
<small>Example 1. Basic example</small>
27+
</h1>
28+
</div>
29+
<div class="row">
30+
<div class="col-xs-12 col-sm-9">
31+
<form enctype="multipart/form-data" class="form-vertical" action="" method="post">
32+
<div class="form-group"><label for="email" class="control-label optional">Email address</label>
33+
34+
<input type="email" name="email" id="email" value="" placeholder="Enter email" class="form-control"></div>
35+
<div class="form-group"><label for="password" class="control-label optional">Password</label>
36+
37+
<input type="password" name="password" id="password" value="" placeholder="Password" class="form-control"></div>
38+
<div class="form-group"><label for="file" class="control-label optional">File input</label>
39+
40+
<input type="hidden" name="MAX_FILE_SIZE" value="2097152" id="MAX_FILE_SIZE">
41+
<input type="file" name="file" id="file">
42+
<p class="help-block">Example block-level help text here.</p></div>
43+
<div class="form-group"><div class="checkbox"><label>
44+
<input type="hidden" name="checkbox" value="0"><input type="checkbox" name="checkbox" id="checkbox" value="1">
45+
Check me out</label></div></div>
46+
<div class="form-group">
47+
<input type="submit" name="submit" id="submit" value="Submit" class="btn btn-primary"></div></form> <hr>
48+
<div class="highlight">
49+
<code><span style="color: #000000">
50+
<span style="color: #0000BB">&lt;?php
51+
<br /></span><span style="color: #007700">class&nbsp;</span><span style="color: #0000BB">Application_Form_Example1&nbsp;</span><span style="color: #007700">extends&nbsp;</span><span style="color: #0000BB">Twitter_Bootstrap3_Form_Vertical
52+
<br /></span><span style="color: #007700">{
53+
<br />&nbsp;&nbsp;&nbsp;&nbsp;public&nbsp;function&nbsp;</span><span style="color: #0000BB">init</span><span style="color: #007700">()
54+
<br />&nbsp;&nbsp;&nbsp;&nbsp;{
55+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">$this</span><span style="color: #007700">-&gt;</span><span style="color: #0000BB">addElement</span><span style="color: #007700">(</span><span style="color: #DD0000">'email'</span><span style="color: #007700">,&nbsp;</span><span style="color: #DD0000">'email'</span><span style="color: #007700">,&nbsp;array(
56+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #DD0000">'label'&nbsp;</span><span style="color: #007700">=&gt;&nbsp;</span><span style="color: #DD0000">'Email&nbsp;address'</span><span style="color: #007700">,
57+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #DD0000">'placeholder'&nbsp;</span><span style="color: #007700">=&gt;&nbsp;</span><span style="color: #DD0000">'Enter&nbsp;email'</span><span style="color: #007700">,
58+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;));
59+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">$this</span><span style="color: #007700">-&gt;</span><span style="color: #0000BB">addElement</span><span style="color: #007700">(</span><span style="color: #DD0000">'password'</span><span style="color: #007700">,&nbsp;</span><span style="color: #DD0000">'password'</span><span style="color: #007700">,&nbsp;array(
60+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #DD0000">'label'&nbsp;</span><span style="color: #007700">=&gt;&nbsp;</span><span style="color: #DD0000">'Password'</span><span style="color: #007700">,
61+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #DD0000">'placeholder'&nbsp;</span><span style="color: #007700">=&gt;&nbsp;</span><span style="color: #DD0000">'Password'</span><span style="color: #007700">,
62+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;));
63+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">$this</span><span style="color: #007700">-&gt;</span><span style="color: #0000BB">addElement</span><span style="color: #007700">(</span><span style="color: #DD0000">'file'</span><span style="color: #007700">,&nbsp;</span><span style="color: #DD0000">'file'</span><span style="color: #007700">,&nbsp;array(
64+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #DD0000">'label'&nbsp;</span><span style="color: #007700">=&gt;&nbsp;</span><span style="color: #DD0000">'File&nbsp;input'</span><span style="color: #007700">,
65+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #DD0000">'description'&nbsp;</span><span style="color: #007700">=&gt;&nbsp;</span><span style="color: #DD0000">'Example&nbsp;block-level&nbsp;help&nbsp;text&nbsp;here.'</span><span style="color: #007700">,
66+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;));
67+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">$this</span><span style="color: #007700">-&gt;</span><span style="color: #0000BB">addElement</span><span style="color: #007700">(</span><span style="color: #DD0000">'checkbox'</span><span style="color: #007700">,&nbsp;</span><span style="color: #DD0000">'checkbox'</span><span style="color: #007700">,&nbsp;array(
68+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #DD0000">'label'&nbsp;</span><span style="color: #007700">=&gt;&nbsp;</span><span style="color: #DD0000">'Check&nbsp;me&nbsp;out'</span><span style="color: #007700">,
69+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;));
70+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">$this</span><span style="color: #007700">-&gt;</span><span style="color: #0000BB">addElement</span><span style="color: #007700">(</span><span style="color: #DD0000">'submit'</span><span style="color: #007700">,&nbsp;</span><span style="color: #DD0000">'submit'</span><span style="color: #007700">,&nbsp;array(
71+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #DD0000">'label'&nbsp;</span><span style="color: #007700">=&gt;&nbsp;</span><span style="color: #DD0000">'Submit'</span><span style="color: #007700">,
72+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;));
73+
<br />&nbsp;&nbsp;&nbsp;&nbsp;}
74+
<br />}
75+
<br /></span>
76+
</span>
77+
</code> </div>
78+
</div>
79+
<div class="col-xs-6 col-sm-3">
80+
<div class="list-group">
81+
<a class="list-group-item" href="index.html">All Elements</a>
82+
<a class="list-group-item active" href="example_01.html"><small>Example 1.</small> Basic example</a>
83+
<a class="list-group-item" href="example_02.html"><small>Example 2.</small> Inline form</a>
84+
<a class="list-group-item" href="example_03.html"><small>Example 3.</small> With input group addon</a>
85+
<a class="list-group-item" href="example_04.html"><small>Example 4.</small> Horizontal form</a>
86+
<a class="list-group-item" href="example_05.html"><small>Example 5.</small> Checkboxes and radios</a>
87+
<a class="list-group-item" href="example_06.html"><small>Example 6.</small> Disabled state</a>
88+
<a class="list-group-item" href="example_07.html"><small>Example 7.</small> Readonly state</a>
89+
<a class="list-group-item" href="example_08.html"><small>Example 8.</small> Validation states</a>
90+
<a class="list-group-item" href="example_09.html"><small>Example 9.</small> With optional icons</a>
91+
<a class="list-group-item" href="example_10.html"><small>Example 10.</small> Horizontal form group sizes</a>
92+
<a class="list-group-item" href="example_11.html"><small>Example 11.</small> Optional icons in inline forms</a>
93+
<a class="list-group-item" href="example_12.html"><small>Example 12.</small> Horizontal form group sizes</a>
94+
<a class="list-group-item" href="example_13.html"><small>Example 13.</small> Multicolumns horizontal form</a>
95+
<a class="list-group-item" href="example_14.html"><small>Example 14.</small> Checkboxes and radios</a>
96+
</div>
97+
</div>
98+
</div>
99+
</div>
100+
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
101+
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
102+
</body>
103+
</html>

‎example_02.html

Lines changed: 95 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
1+
<!DOCTYPE html>
2+
<html lang="ru">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>Bootstrap Form</title>
8+
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
9+
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
10+
<link rel="stylesheet" href="patch.css">
11+
<style>
12+
.highlight {
13+
padding: 9px 14px;
14+
margin-bottom: 14px;
15+
background-color: #f7f7f9;
16+
border: 1px solid #e1e1e8;
17+
border-radius: 4px;
18+
}
19+
</style>
20+
</head>
21+
<body style="margin-bottom: 30px;">
22+
<div class="container">
23+
<div class="page-header">
24+
<h1>
25+
Bootstrap 3 Form from Zend Framework 1
26+
<small>Example 2. Inline form</small>
27+
</h1>
28+
</div>
29+
<div class="row">
30+
<div class="col-xs-12 col-sm-9">
31+
<form enctype="application/x-www-form-urlencoded" class="form-inline" action="" method="post">
32+
<div class="form-group"><label for="email" class="sr-only optional">Email address</label>
33+
34+
<input type="email" name="email" id="email" value="" placeholder="Enter email" class="form-control"></div>
35+
<div class="form-group"><label for="password" class="sr-only optional">Password</label>
36+
37+
<input type="password" name="password" id="password" value="" placeholder="Password" class="form-control"></div>
38+
<div class="form-group"><div class="checkbox"><label>
39+
<input type="hidden" name="checkbox" value="0"><input type="checkbox" name="checkbox" id="checkbox" value="1">
40+
Remember me</label></div></div>
41+
<div class="form-group">
42+
<input type="submit" name="submit" id="submit" value="Sign in" class="btn btn-default"></div></form> <hr>
43+
<div class="highlight">
44+
<code><span style="color: #000000">
45+
<span style="color: #0000BB">&lt;?php
46+
<br /></span><span style="color: #007700">class&nbsp;</span><span style="color: #0000BB">Application_Form_Example2&nbsp;</span><span style="color: #007700">extends&nbsp;</span><span style="color: #0000BB">Twitter_Bootstrap3_Form_Inline
47+
<br /></span><span style="color: #007700">{
48+
<br />&nbsp;&nbsp;&nbsp;&nbsp;public&nbsp;function&nbsp;</span><span style="color: #0000BB">init</span><span style="color: #007700">()
49+
<br />&nbsp;&nbsp;&nbsp;&nbsp;{
50+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">$this</span><span style="color: #007700">-&gt;</span><span style="color: #0000BB">addElement</span><span style="color: #007700">(</span><span style="color: #DD0000">'email'</span><span style="color: #007700">,&nbsp;</span><span style="color: #DD0000">'email'</span><span style="color: #007700">,&nbsp;array(
51+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #DD0000">'label'&nbsp;</span><span style="color: #007700">=&gt;&nbsp;</span><span style="color: #DD0000">'Email&nbsp;address'</span><span style="color: #007700">,
52+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #DD0000">'placeholder'&nbsp;</span><span style="color: #007700">=&gt;&nbsp;</span><span style="color: #DD0000">'Enter&nbsp;email'</span><span style="color: #007700">,
53+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;));
54+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">$this</span><span style="color: #007700">-&gt;</span><span style="color: #0000BB">addElement</span><span style="color: #007700">(</span><span style="color: #DD0000">'password'</span><span style="color: #007700">,&nbsp;</span><span style="color: #DD0000">'password'</span><span style="color: #007700">,&nbsp;array(
55+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #DD0000">'label'&nbsp;</span><span style="color: #007700">=&gt;&nbsp;</span><span style="color: #DD0000">'Password'</span><span style="color: #007700">,
56+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #DD0000">'placeholder'&nbsp;</span><span style="color: #007700">=&gt;&nbsp;</span><span style="color: #DD0000">'Password'</span><span style="color: #007700">,
57+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;));
58+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">$this</span><span style="color: #007700">-&gt;</span><span style="color: #0000BB">addElement</span><span style="color: #007700">(</span><span style="color: #DD0000">'checkbox'</span><span style="color: #007700">,&nbsp;</span><span style="color: #DD0000">'checkbox'</span><span style="color: #007700">,&nbsp;array(
59+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #DD0000">'label'&nbsp;</span><span style="color: #007700">=&gt;&nbsp;</span><span style="color: #DD0000">'Remember&nbsp;me'</span><span style="color: #007700">,
60+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;));
61+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">$this</span><span style="color: #007700">-&gt;</span><span style="color: #0000BB">addElement</span><span style="color: #007700">(</span><span style="color: #DD0000">'submit'</span><span style="color: #007700">,&nbsp;</span><span style="color: #DD0000">'submit'</span><span style="color: #007700">,&nbsp;array(
62+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #DD0000">'label'&nbsp;</span><span style="color: #007700">=&gt;&nbsp;</span><span style="color: #DD0000">'Sign&nbsp;in'</span><span style="color: #007700">,
63+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #DD0000">'class'&nbsp;</span><span style="color: #007700">=&gt;&nbsp;</span><span style="color: #DD0000">'btn-default'</span><span style="color: #007700">,
64+
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;));
65+
<br />&nbsp;&nbsp;&nbsp;&nbsp;}
66+
<br />}
67+
<br /></span>
68+
</span>
69+
</code> </div>
70+
</div>
71+
<div class="col-xs-6 col-sm-3">
72+
<div class="list-group">
73+
<a class="list-group-item" href="index.html">All Elements</a>
74+
<a class="list-group-item" href="example_01.html"><small>Example 1.</small> Basic example</a>
75+
<a class="list-group-item active" href="example_02.html"><small>Example 2.</small> Inline form</a>
76+
<a class="list-group-item" href="example_03.html"><small>Example 3.</small> With input group addon</a>
77+
<a class="list-group-item" href="example_04.html"><small>Example 4.</small> Horizontal form</a>
78+
<a class="list-group-item" href="example_05.html"><small>Example 5.</small> Checkboxes and radios</a>
79+
<a class="list-group-item" href="example_06.html"><small>Example 6.</small> Disabled state</a>
80+
<a class="list-group-item" href="example_07.html"><small>Example 7.</small> Readonly state</a>
81+
<a class="list-group-item" href="example_08.html"><small>Example 8.</small> Validation states</a>
82+
<a class="list-group-item" href="example_09.html"><small>Example 9.</small> With optional icons</a>
83+
<a class="list-group-item" href="example_10.html"><small>Example 10.</small> Horizontal form group sizes</a>
84+
<a class="list-group-item" href="example_11.html"><small>Example 11.</small> Optional icons in inline forms</a>
85+
<a class="list-group-item" href="example_12.html"><small>Example 12.</small> Horizontal form group sizes</a>
86+
<a class="list-group-item" href="example_13.html"><small>Example 13.</small> Multicolumns horizontal form</a>
87+
<a class="list-group-item" href="example_14.html"><small>Example 14.</small> Checkboxes and radios</a>
88+
</div>
89+
</div>
90+
</div>
91+
</div>
92+
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
93+
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
94+
</body>
95+
</html>

0 commit comments

Comments
 (0)