[HTML/한줄정리] 라디오 버튼에 name 속성이 필요한 이유

<label><input type="radio" name="fruits" />Apple</label>
<label><input type="radio" name="fruits" />banana</label>
<label><input type="radio" name="fruits" />cherry</label>

라디오 버튼 UI를 만들기 위해서는 input의 type을 radio로 지정해야한다. 여기서 주의해야할 것은 모든 input의 name이 동일해야한 다는 것이다. input의 name이 동일하지 않다면 같은 그룹에 있는 input 태그로 분류되지 않아 모든 라디오버튼이 선택 가능해진다. 라디오 버튼의 특성상 여러 옵션중에 하나만 선택이 가능해야하므로 name 속성을 입력해 하나만 선택될 수 있도록 한다.