HTML 라디오 버튼이란 무엇입니까?

HTML (HyperText Markup Language) 문서에서 라디오 단추는 사용자가 선택할 수있는 시각적 요소 유형입니다. HTML 라디오 버튼은 사용자에게 여러 옵션을 제공하지만 주어진 옵션 중 하나만 한 번에 선택할 수 있기 때문에 고유합니다. HTML 라디오 버튼의 가장 일반적인 용도 중 하나는 사용자 입력 양식 내에서 선택을 캡처하는 것입니다. 그러나 스크립트 나 다른 프로그램에 의해 선택 및 선택 해제 이벤트를 가로 채서 다른 요소의 인스턴트 선택기 역할을 할 수 있습니다. 웹 페이지. CSS (Cascading Style Sheet) 및 JavaScript®를 사용하여 HTML 단일 선택 단추는 사용자 정의 이미지를 사용하여 기본 모양을 대체 할 수 있습니다. HTML 단일 선택 단추가 사용될 수있는 상황의 예로는 성별을 선택하거나 두 가지 옵션 중 하나의 값만 가질 수 있거나 여러 주소가 나열 될 때 단일 운송 주소를 선택할 수 있습니다.

일부 측면에서, HTML 단일 선택 단추는 HTML 선택란과 유사합니다. 각 버튼에는 버튼이 배치 된 위치에 표시되는 이미지 또는 텍스트 레이블이 할당됩니다. 이 레이블 옆에는 라디오 버튼을 선택하지 않은 경우 비어 있고 선택시 그 안에 점 또는 기타 채우기 패턴이있는 원이 있습니다. 사용자는 원을 클릭하여 선택할 수 있습니다. HTML 라디오 버튼의 고유 한 측면은 버튼을 선택하면 같은 그룹에있는 다른 모든 버튼이 선택 해제되어 한 번에 하나의 항목 만 선택할 수 있다는 것입니다. 이것은 비슷하지만 한 번에 여러 옵션을 선택할 수있는 확인란과는 다릅니다.

HTML 라디오 버튼의 속성에는 사용에 중요한 두 가지 값이 있습니다. 첫 번째는 HTML 문서 내에서 단일 선택 단추가 속하는 그룹을 식별하는 이름 필드이고 두 번째는 값 필드입니다. 버튼을 선택하면 같은 이름의 다른 라디오 버튼 (그룹이라고도 함)이 선택 해제됩니다. 다른 그룹 이름을 사용하면 동일한 문서 내에 다른 라디오 버튼 세트가 존재할 수 있습니다. 값 태그는 라디오 버튼이 선택되어 처리를 위해 스크립트 나 프로그램에 제출 될 때 라디오 버튼의 실제 반환 값입니다.

HTML 라디오 버튼의 시각적 표시는 몇 가지 방법으로 수정할 수 있습니다. 표준 HTML 및 CSS 정렬 값을 사용하여 이미지가 정렬되는 것과 거의 같은 방식으로 문서 내에서 버튼을 동적으로 정렬 할 수 있습니다. 브라우저 지원이 항상 하나의 응용 프로그램에서 일관성이있는 것은 아니지만 버튼, 특히 원 및 선택한 원 이미지의 모양은 CSS 및 JavaScript®로 DOM (Document Object Model)을 조작하여 완전히 사용자 정의하고 사용자 생성 이미지로 대체 할 수 있습니다. 다른 사람에게.