Notice
Recent Posts
Recent Comments
Link
«   2025/01   »
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
Tags more
Archives
Today
Total
관리 메뉴

기초공사 (html,css,javascript)

체크박스와 라디오 버튼 차이 본문

STUDY-TEAM/html-css-js _1월

체크박스와 라디오 버튼 차이

에스프레소라떼 2023. 12. 30. 10:39

//

1개의 버튼만 선택하려면 라디오 버튼을 사용하고

<label><input type = "radio" name="gift" value="yes">선물 포장</label>
        <label><input type = "radio" name="gift" vlaue="no">선물 포장 안함</label>

대신 위의 코드에서 name=" "이 같아야 한다.

 

그림처럼 name명이 같으면 한개만 선택이 되고 나머지는 취소가 된다.

 

 

 

2개 이상을 선태하려면 체크 박스를 사용한다. 

'STUDY-TEAM > html-css-js _1월' 카테고리의 다른 글

css_08_ border  (1) 2024.01.14
em과 rem  (0) 2024.01.10
datalist와 select  (1) 2024.01.03
input 여러태그들..  (1) 2023.12.31