required 속성

초록공룡·2025년 8월 19일

HTML5

목록 보기
70/76

개념

  • input, select, textarea 등 폼 요소에 사용하는 Boolean 속성이다.
  • 이 속성이 있으면, 해당 필드는 반드시 입력해야 폼이 제출된다.

특징

  • 사용자가 비워두고 제출하려고 하면, 브라우저가 자동으로 경고 메시지를 표시하면서 제출을 막아준다.

주의사항

  • checkbox나 radio에서 한 개 이상이 반드시 체크되게 하려면, 각각에 required를 붙여야 한다.

예시

<form>
  <label>이름: <input type="text" name="name" required></label>
  <!-- required 있으면, 필수 입력 -->
  <label>이메일: <input type="email" name="email" required></label>
  <button type="submit">제출</button>
</form>
profile
빠른 행동, 쉽고, 간단하게

0개의 댓글