form2-2

Notice
Recent Posts
Recent Comments
Link
« 2025/02 »
일	월	화	수	목	금	토
						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
Tags more
Archives
Today
Total
관리 메뉴
FlowerBombs

form2-2 본문

Javascript & JQuery&Ajax/bootstrap
form2-2

CitronLemon 2019. 2. 22. 16:17
form
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
 
                <!--bs3 select h-->
                <div class="form-group">
                    <label for="input" class="col-sm-2 control-label">선택항목1</label>
                    <div class="col-sm-10">
                        <select name="choose" id="choose" class="form-control">
                            <option value="">--Select One--</option>
                            <option value="item1">Select Item 1</option>
                            <option value="item2">Select Item 2</option>
                            <option value="item3">Select Item 3</option>
                            <option value="item4">Select Item 4</option>
                        </select>
                    </div>
                </div>
 
                
                <div class="form-group">
                    <label for="radio1" class="col-sm-2 control-label">선택항목2</label>
                    <div class="col-sm-10">
                        <!-- bs3 input radio-->
                        <div class="radio">
                            <label>
                                <input type="radio" name="myradio" id="radio1" value=""/>
                                Radio Item 1
                            </label>
                        </div>
                        <div class="radio">
                            <label>
                                <input type="radio" name="myradio" id="radio2" value=""/>
                                Radio Item 2
                            </label>
                        </div>
                        <div class="radio disabled">
                            <label>
                            <input type="radio" name="myradio" id="radio3" value="" disabled />
                            Radio Item 3
                            </label>
                        </div>
                    </div>
                </div>
 
                <div class="form-group">
                    <label for="checkbox1" class="col-sm-2 control-label">선택항목3</label>
                    <div class="col-sm-10">
                        <!-- bs3 input radio-->
                        <div class="checkbox">
                            <label>                        
                               <input type="checkbox" name="mycheckbox" id="checkbox1" value=""/>
                               Radio Item 1
                            </label>
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="mycheckbox" id="checkbox2" value=""/>
                                Radio Item 2
                            </label>
                        </div>
                        <div class="checkbox disabled">
                            <label>
                            <input type="checkbox" name="mycheckbox" id="checkbox3" value="" disabled />
                            Radio Item 3
                            </label>
                        </div>
                    </div>
                </div>
 
 
                <div class="form-group">
                        <label for="radio1" class="col-sm-2 control-label">선택항목2</label>
                        <div class="col-sm-10">
                            <!-- bs3 input radio-->
                            <div class="radio">
                                <!-- 깔끔하게 정리 inline-->
                                <label class="radio-inline">
                                    <input type="radio" name="myradio" id="radio1" value=""/>
                                    Radio Item 1
                                </label>
                            
                                <label class="radio-inline">
                                    <input type="radio" name="myradio" id="radio2" value=""/>
                                    Radio Item 2
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="myradio" id="radio3" value="" disabled />
                                     Radio Item 3
                                </label>
                            </div>
                        </div>
                    </div>
    
                    <div class="form-group">
                        <label for="checkbox1" class="col-sm-2 control-label">선택항목3</label>
                        <div class="col-sm-10">
                            <!-- bs3 input radio-->
                            <div class="checkbox">
                                    <label class="checkbox-inline">                     
                                    <input type="checkbox" name="mycheckbox" id="checkbox1" value=""/>
                                    Radio Item 1
                                </label>
                            
                                <label class="checkbox-inline">
                                    <input type="checkbox" name="mycheckbox" id="checkbox2" value=""/>
                                    Radio Item 2
                                </label>
                            
                                <label class="checkbox-inline">
                                    <input type="checkbox" name="mycheckbox" id="checkbox3" value="" disabled />
                                    Radio Item 3
                                </label>
                            </div>
                        </div>
                    </div>
                
                
        
                <!-- form-group = row기능과 같다-->
                <div class="form-group">
                    <div class="col-sm-10 col-sm-offset-2">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </div>
        </form>
Colored by Color Scripter
cs