Tag Input

Tag input checkbox do not require any additional includes for working they are css only tags.
1
<div class="tag-input">
2
    <input checked id="oreo" type="checkbox">
3
    <label for="oreo">Oreo</label>
4
</div>
5
<div class="tag-input">
6
    <input id="kitkat" type="checkbox">
7
    <label for="kitkat">Kitkat</label>
8
</div>
9
<div class="tag-input">
10
    <input id="Eclair" type="checkbox">
11
    <label for="Eclair">Eclair</label>
12
</div>
13
<div class="tag-input">
14
    <input id="Gingerbread" type="checkbox">
15
    <label for="Gingerbread">Gingerbread</label>
16
</div>
17
<div class="tag-input">
18
    <input id="Honeycomb" type="checkbox">
19
    <label for="Honeycomb"> Honeycomb</label>
20
</div>
Copied!
Tag input css code is at taginput.scss file
​

forms - Previous

Switch

Next - forms

Radio Box

Last modified 3yr ago

Copy link