"radio"입력 필드에 "required"속성을 사용하는 방법

질문 : "radio"입력 필드에 "required"속성을 사용하는 방법

---

라디오 버튼에서 새로운 HTML5 입력 속성 "필수"를 올바른 방법으로 사용하는 방법이 궁금합니다. 모든 라디오 버튼 필드에 아래와 같은 속성이 필요합니까 아니면 하나의 필드 만 가져 오면 충분합니까?

<input type="radio" name="color" value="black" required="required" />
<input type="radio" name="color" value="white" required="required" />

답변

---

TL; DR : 라디오 그룹의 하나 이상의 입력에 required

required 설정은 더 명확하지만 필요하지는 않습니다 (동적으로 라디오 버튼을 생성하지 않는 한).

라디오 버튼을 그룹화하려면 모두 동일한 name 값을 가져야합니다. 이렇게하면 한 번에 하나만 선택할 수 있으며 전체 그룹에 required

<form>
  Select Gender:<br>

  <label>
    <input type="radio" name="gender" value="male" required>
    Male
  </label><br>

  <label>
    <input type="radio" name="gender" value="female">
    Female
  </label><br>

  <label>
    <input type="radio" name="gender" value="other">
    Other
  </label><br>

  <input type="submit">
</form>

또한 다음 사항에 유의하십시오.

라디오 버튼 그룹이 필요한지 여부에 대한 혼동을 피하기 위해 작성자는 그룹의 모든 라디오 버튼에 속성을 지정하는 것이 좋습니다. 사실, 일반적으로 작성자는 처음에 처음에 확인 된 컨트롤이없는 라디오 버튼 그룹을 사용하지 않는 것이 좋습니다. 이는 사용자가 돌아갈 수없는 상태이므로 일반적으로 열악한 사용자 인터페이스로 간주되기 때문입니다.

출처

출처 : https://stackoverflow.com/questions/8287779/how-to-use-the-required-attribute-with-a-radio-input-field