-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
115 lines (115 loc) · 4.47 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>Not standart checkbox</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="js/nstcheck.js"></script>
<style>
body{margin: 0 18px;}
fieldset{margin: 20px 30px 20px 0;float: left;font-family: Arial, sans-serif;}
legend{font-size: 18px;padding: 0 15px;}
label{display: block;margin: 7px 0;}
.frame-checks-standart label{margin-top: 0;}
.c_b{clear: both;}
pre{margin-bottom: 30px;}
</style>
<script>
$(document).ready(function() {
$('.frame-checks-not-standart').nStCheck()
});
</script>
</head>
<body>
<fieldset>
<form class="frame-checks-not-standart">
<pre>
<label>
<span class="niceCheck b_n">
<input type="checkbox" tabindex="-1"/>
</span>
<span class="title">unchecked</span>
</label>
</pre>
<legend>Not standart checkboxes</legend>
<label>
<span class="niceCheck b_n">
<input type="checkbox"/>
</span>
<span class="title">unchecked</span>
</label>
<label>
<span class="niceCheck b_n">
<input autofocus type="checkbox" checked="checked"/>
</span>
<span class="title">focus checked</span>
</label>
<label>
<span class="niceCheck b_n">
<input type="checkbox" checked="checked"/>
</span>
<span class="title">checked</span>
</label>
<label>
<span class="niceCheck b_n">
<input type="checkbox" disabled="disabled"/>
</span>
<span class="title">disabled</span>
</label>
<label>
<span class="niceCheck b_n">
<input type="checkbox" disabled="disabled" checked="checked"/>
</span>
<span class="title">disabled and checked</span>
</label>
<input type="reset" value="reset">
</form>
</fieldset>
<fieldset>
<form class="frame-checks-standart">
<pre>
<span class="niceCheck b_n">
<input type="checkbox" tabindex="-1" id="id1"/>
</span>
<label for="id1">
<span class="title">unchecked</span>
</label>
</pre>
<legend>Standart checkboxes</legend>
<span class="niceCheck b_n">
<input type="checkbox" id="id1"/>
</span>
<label for="id1">
<span class="title">unchecked</span>
</label>
<span class="niceCheck b_n">
<input type="checkbox" checked="checked" id="id2"/>
</span>
<label for="id2">
<span class="title">focus checked</span>
</label>
<span class="niceCheck b_n">
<input type="checkbox" checked="checked" id="id3"/>
</span>
<label for="id3">
<span class="title">checked</span>
</label>
<span class="niceCheck b_n">
<input type="checkbox" disabled="disabled" id="id4"/>
</span>
<label for="id4">
<span class="title">disabled</span>
</label>
<span class="niceCheck b_n">
<input type="checkbox" disabled="disabled" checked="checked" id="id5"/>
</span>
<label for="id5">
<span class="title">disabled and checked</span>
</label>
<input type="reset" value="reset">
</form>
</fieldset>
</body>
</html>