Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
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
Archives
Today
Total
관리 메뉴

codingfarm

radio, checkbox 본문

web/HTML5

radio, checkbox

scarecrow1992 2020. 9. 27. 23:21
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <form action="http://localhost/order.php">
            <p>
                <h1>색상(단일선택)</h1>
                붉은색 : <input type="radio" name="color" value = "red">
                검은색 : <input type="radio" name="color" value = "black" checked>
                파란색 : <input type="radio" name="color" value = "blue">
            </p>
            <p>
                <h1>사이즈(다중선택)</h1>
                95 : <input type="checkbox" name="size" value = "95">
                100 : <input type="checkbox" name="size" value = "100" checked>
                105 : <input type="checkbox" name="size" value  = "105" checked>
            </p>
            <input type="submit">
        </form>
    </body>
</html>
cs

 

radio

동시에 누를 수 있는 버튼이 하나가 전부

checkbox

동시에 여러가지 버튼을 누를 수 있다.

 

위 HTML파일을 브라우저로 열면 아래와 같은 모습으로 나온다.

 

질의 보내기를 누르면 아래 링크로 이동한다.

http://localhost/order.php?color=black&size=100&size=105

'web > HTML5' 카테고리의 다른 글

label  (0) 2020.09.28
hidden  (0) 2020.09.27
button  (0) 2020.09.27
form_choice  (0) 2020.09.27
form  (0) 2020.09.27
Comments