1-14 실습 중
<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태그에 대한 예시를 바로 테스트 해보실 수 도 있습니다.
더 궁금한 점이 있다면 언제든지 질문 남겨주세요!
감사합니다.
unregistered 이라 뜨며 작동하지 않습니다.
0
69
1
공부한 내용을 블로그에 정리해서 올려도되나요?
0
109
1
sublime text 설치 불가
0
191
1
사진과 본문 내용에 패딩이 40px 들어가 있는데 이유를 모르겠습니다
0
111
1
처음 질문과 옵션 관련 질문입니다.
0
97
1
마지막에 news 관련 질문
0
91
1
태그 닫는 단축키가 뭔가요?
0
177
1
강의에 사용하는 예제 코드 자료 있나요?
0
393
1
회원가입 폼 검증하기 실행이 안됩니다.
0
285
1
이미지랑 아이콘 파일을 어떻게 찾아요?
0
367
1
VS 코드는 절대 경로랑 상대 경로로 상위 문서 접근이 차단되어 있네요
0
483
0
프로젝트 고민 해결이 안되어 다시 올립니다.
0
398
1
프로젝트 고민 다시올립니다.
0
457
1
친구와의 프로젝트 고민
0
430
1
화면 오른쪽 스크롤이 넘어가질 않아요!
0
525
1
학과 설정
0
342
2
회원가입폼 검증 -2 에서 문제가생겼습니다
0
344
1
card.html 버튼 위치
0
612
1
인스타그램 코드 작성 후 동작을 해보았는데 버튼을 눌러도 넘어가질않네요
0
369
2
carousel의 footer부분에
0
306
1
margin 값에 관한 질문입니다.
0
416
1
function clearMessages() 함수의 원리를 알고싶습니다
0
326
1
removeEventListener
0
247
1
버튼을 눌렀을때 케러셀의 이동
0
821
2