라디오 단추
라디오 버튼(radio button) 또는 옵션 버튼(option button)[1]은 사용자가 미리 정의된 상호 배타적인 옵션 세트 중에서 단 하나만 선택할 수 있도록 하는 그래픽 컨트롤 요소이다.[2] 라디오 버튼의 단일 선택 특성은 사용자가 여러 항목을 자유롭게 선택하거나 해제할 수 있는 체크 상자와 구별된다.
라디오 버튼은 두 개 이상의 그룹으로 배열되며, 화면에는 예를 들어 공백(미선택 시) 또는 점(선택 시)을 포함할 수 있는 원형 구멍 목록으로 표시된다. 각 라디오 버튼에는 일반적으로 해당 라디오 버튼이 나타내는 선택 사항을 설명하는 레이블이 수반된다. 선택 사항은 상호 배타적이다. 사용자가 하나의 라디오 버튼을 선택하면 동일한 그룹 내에서 이전에 선택되었던 라디오 버튼은 자동으로 선택이 해제되어 단 하나만 선택된 상태가 된다. 라디오 버튼의 선택은 버튼이나 캡션을 마우스로 클릭(또는 화면 터치)하거나 키보드 단축키를 사용하여 수행된다.
어원
[편집]
라디오 버튼이라는 이름은 미리 설정된 방송국을 선택하기 위해 라디오에서 사용되었던 물리적 버튼에서 따온 것이다.[3][2] 버튼 하나를 누르면 이전에 눌려 있던 다른 버튼들이 튀어나오고 방금 누른 버튼만 들어간 상태로 남게 된다.
HTML
[편집]웹 양식에서 라디오 버튼을 표시하기 위해 HTML 요소인 <input type="radio">가 사용된다. 예시:
<form>
<input type="radio" name="season" value="winter" id="winter" checked>
<label for="winter">Winter</label>
<input type="radio" name="season" value="spring" id="spring">
<label for="spring">Spring</label>
<input type="radio" name="season" value="summer" id="summer">
<label for="summer">Summer</label>
<input type="radio" name="season" value="autumn" id="autumn">
<label for="autumn">Autumn</label>
</form>
속성 그룹은 name에 의해 정의된다. 하나의 그룹 안에서는 단 하나의 라디오 버튼만 선택할 수 있다.
유니코드
[편집]유니코드 표준 버전에는 기호 및 픽토그램 섹션의 코드 (U)에 라디오 버튼을 나타내기 위해 지정된 문자가 포함되어 있다. 유사한 문자로는 수학 연산자인 U+2299 ⊙ CIRCLED DOT OPERATOR와 U+25C9 ◉ FISHEYE, U+25CE ◎ BULLSEYE 등이 있다.
같이 보기
[편집]각주
[편집]- ↑ “About Option Buttons”. 《docs.oracle.com》. 2025년 2월 2일에 확인함.
- 1 2 “Radio Buttons”. 《Windows Dev Center》. 2016년 9월 14일에 확인함.
- ↑ Yumashev, Alex. “The history of a radio-button”. 《JitBit Founders Blog》. 2016년 9월 14일에 확인함.
외부 링크
[편집]
- (영어) 부적절한 용어: Radial Button 보관됨 2008-10-21 - 웨이백 머신