-
Notifications
You must be signed in to change notification settings - Fork 0
/
form-radio.php
148 lines (147 loc) · 10.4 KB
/
form-radio.php
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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<?php
require_once("header.php");
?>
<!-- Page Content -->
<div id="content-page" class="content-page">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-lg-6">
<div class="iq-card">
<div class="iq-card-header d-flex justify-content-between">
<div class="iq-header-title">
<h4 class="card-title">Default Radio Buttons</h4>
</div>
</div>
<div class="iq-card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate, ex ac venenatis mollis, diam nibh finibus leo</p>
<div class="radio d-inline-block mr-2">
<input type="radio" name="bsradio" id="radio1" checked="">
<label for="radio1">Active</label>
</div>
<div class="radio d-inline-block mr-2">
<input type="radio" name="bsradio" id="radio2">
<label for="radio2">Inactive</label>
</div>
<div class="radio d-inline-block mr-2">
<input type="radio" name="bsradio1" id="radio3" disabled="" checked="">
<label for="radio3">Active - Disabled</label>
</div>
<div class="radio d-inline-block mr-2">
<input type="radio" name="bsradio1" id="radio4" disabled="">
<label for="radio3">Inactive - Disabled</label>
</div>
</div>
</div>
<div class="iq-card">
<div class="iq-card-header d-flex justify-content-between">
<div class="iq-header-title">
<h4 class="card-title">Custom Colored Radio Buttons</h4>
</div>
</div>
<div class="iq-card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate, ex ac venenatis mollis, diam nibh finibus leo</p>
<div class="custom-control custom-radio custom-radio-color custom-control-inline">
<input type="radio" id="customRadio01" name="customRadio-11" class="custom-control-input bg-primary">
<label class="custom-control-label" for="customRadio01"> Primary </label>
</div>
<div class="custom-control custom-radio custom-radio-color custom-control-inline">
<input type="radio" id="customRadio02" name="customRadio-11" class="custom-control-input bg-success">
<label class="custom-control-label" for="customRadio02"> Success </label>
</div>
<div class="custom-control custom-radio custom-radio-color custom-control-inline">
<input type="radio" id="customRadio03" name="customRadio-11" class="custom-control-input bg-danger">
<label class="custom-control-label" for="customRadio03"> Danger </label>
</div>
<div class="custom-control custom-radio custom-radio-color custom-control-inline">
<input type="radio" id="customRadio04" name="customRadio-11" class="custom-control-input bg-warning">
<label class="custom-control-label" for="customRadio04"> Warning </label>
</div>
<div class="custom-control custom-radio custom-radio-color custom-control-inline">
<input type="radio" id="customRadio05" name="customRadio-11" class="custom-control-input bg-dark">
<label class="custom-control-label" for="customRadio05"> Dark </label>
</div>
<div class="custom-control custom-radio custom-radio-color custom-control-inline">
<input type="radio" id="customRadio06" name="customRadio-11" class="custom-control-input bg-info">
<label class="custom-control-label" for="customRadio06"> Info </label>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-6">
<div class="iq-card">
<div class="iq-card-header d-flex justify-content-between">
<div class="iq-header-title">
<h4 class="card-title">Custom Radio Buttons</h4>
</div>
</div>
<div class="iq-card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate, ex ac venenatis mollis, diam nibh finibus leo</p>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="customRadio6" name="customRadio-1" class="custom-control-input">
<label class="custom-control-label" for="customRadio6"> One </label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="customRadio7" name="customRadio-1" class="custom-control-input">
<label class="custom-control-label" for="customRadio7"> Two </label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="customRadio8" name="customRadio-1" class="custom-control-input" checked="">
<label class="custom-control-label" for="customRadio8"> Three </label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="customRadio-8" name="customRadio-2" class="custom-control-input" checked="">
<label class="custom-control-label" for="customRadio-8"> Four Checked </label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="customRadio9" name="customRadio-3" class="custom-control-input" disabled="">
<label class="custom-control-label" for="customRadio9"> Five disabled</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="customRadio10" name="customRadio-4" class="custom-control-input" disabled="" checked="">
<label class="custom-control-label" for="customRadio10"> Six Selected and disabled</label>
</div>
</div>
</div>
<div class="iq-card">
<div class="iq-card-header d-flex justify-content-between">
<div class="iq-header-title">
<h4 class="card-title">Colored Radio Buttons</h4>
</div>
</div>
<div class="iq-card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate, ex ac venenatis mollis, diam nibh finibus leo</p>
<div class="custom-control custom-radio custom-radio-color-checked custom-control-inline">
<input type="radio" id="customRadio-1" name="customRadio-10" class="custom-control-input bg-primary">
<label class="custom-control-label" for="customRadio-1"> Primary </label>
</div>
<div class="custom-control custom-radio custom-radio-color-checked custom-control-inline">
<input type="radio" id="customRadio-2" name="customRadio-10" class="custom-control-input bg-success">
<label class="custom-control-label" for="customRadio-2"> Success </label>
</div>
<div class="custom-control custom-radio custom-radio-color-checked custom-control-inline">
<input type="radio" id="customRadio-3" name="customRadio-10" class="custom-control-input bg-danger">
<label class="custom-control-label" for="customRadio-3"> Danger </label>
</div>
<div class="custom-control custom-radio custom-radio-color-checked custom-control-inline">
<input type="radio" id="customRadio-4" name="customRadio-10" class="custom-control-input bg-warning">
<label class="custom-control-label" for="customRadio-4"> Warning </label>
</div>
<div class="custom-control custom-radio custom-radio-color-checked custom-control-inline">
<input type="radio" id="customRadio-5" name="customRadio-10" class="custom-control-input bg-dark">
<label class="custom-control-label" for="customRadio-5"> Dark </label>
</div>
<div class="custom-control custom-radio custom-radio-color-checked custom-control-inline">
<input type="radio" id="customRadio-6" name="customRadio-10" class="custom-control-input bg-info">
<label class="custom-control-label" for="customRadio-6"> Info </label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Wrapper END -->
<?php
require_once("footer.php");
?>