HTML <입력 유형="라디오">
예시
라디오 버튼을 사용하면 제한된 수의 선택 항목 중 하나만 선택할 수 있습니다.
<input type="radio" id="html" name="fav_language" value="HTML">
<label
for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript"
name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label>
정의 및 사용
<input type="radio">
라디오 버튼을 정의합니다 .
라디오 버튼은 일반적으로 라디오 그룹(관련 옵션 집합을 설명하는 라디오 버튼 모음)으로 표시됩니다. 그룹에서 한 번에 하나의 라디오 버튼만 선택할 수 있습니다.
참고: 라디오 그룹은 그룹으로 처리될 동일한 이름( name
속성 값)을 공유해야 합니다. 라디오 그룹이 생성되면 해당 그룹에서 라디오 버튼을 선택하면 같은 그룹에서 선택한 다른 라디오 버튼이 자동으로 선택 해제됩니다. 각 그룹에 고유한 이름이 있는 한 페이지에 원하는 만큼 라디오 그룹을 가질 수 있습니다.
참고: 속성 value
은 각 라디오 버튼과 연결된 고유한 값을 정의합니다. 값은 사용자에게 표시되지 않지만 선택된 라디오 버튼을 식별하기 위해 "제출" 시 서버로 전송되는 값입니다.
팁:<label>
최상의 접근성 사례를 위해 항상 태그를 추가하십시오 !
브라우저 지원
Attribute | |||||
---|---|---|---|---|---|
type="radio" | Yes | Yes | Yes | Yes | Yes |
통사론
<input type="radio">