인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

최도영님의 프로필 이미지
최도영

작성한 질문수

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

실습: 회원가입 폼 만들기 (1-14)

1-14 실습 중

해결된 질문

작성

·

147

0

<input type="number" name="birth-month" placeholder="년" min="1900" max="2020" required="required">

<select name="birth-month" required="required">

<option>월</option>

<option value="1">1월</option>

여기서 1-12월 사이가 아닌 월을 선택했을때도 제출이 되는데 제출을 반드시 1-12월로 선택해야 제출이 되게 하는 건 어떻게 해야하나요?

답변 1

0

안녕하세요 최도영님!

"n월"이 선택되어야 하는데 "월"이 선택되어서 질문을 남겨주신 것 같습니다.

option 태그가 가지는 속성을 활용하면 해당 문제를 해결할 수 있습니다.

<select id="birth-month">
  <option selected disabled>월</option>
  <option value="1">1월</option>
  <option value="2">2월</option>
  <option value="3">3월</option>
.
.
.
</select>

위의 코드와 같이 활용해주시면 됩니다.

첫 번째 option태그 처럼 disabled을 추가해주시면 선택이 불가능한 상태가 됩니다.

그리고 기존의 코드처럼 월이 처음에 보여지기를 원하신다면,

selected를 추가해주시면 기본 선택값으로 보여집니다.

구글링 키워드로는 "html option not selectable" 를 활용하시면 더 자세한 정보를 얻으실 수 있습니다!

또한 https://www.w3schools.com/tags/att_option_disabled.asp 에서는 html의 option태그에 대한 예시를 바로 테스트 해보실 수 도 있습니다.

더 궁금한 점이 있다면 언제든지 질문 남겨주세요!
감사합니다.

최도영님의 프로필 이미지
최도영

작성한 질문수

질문하기