TR-7, Select 태그 비활성화 시키기

로그인 창에서

이메일을 선택하는 Select 및 Option 태그를 만지고 있었다.

처음 “선택해주세요” 라는 메시지를 넣고,

기타 자주 쓰이는 메일 도메인들을 넣었는데

“선택해주세요” 까지 선택이 돼서

로그인 Post시 “선택해주세요” 라는 내용도

body로 전달되게 되는 모양새였다.

이런 현상을 막기 위해

...
<option disabled>선택해주세요</option>
...

위와 같이 option 태그 안에 disabled를 넣어줬더니, 아래 사진처럼

선택 불가능하게는 만들었지만,

Default로 “선택해주세요”를 띄우고 싶었기 때문에

...
<option disabled selected>선택해주세요</option>
...

위와 같이 selected 를 넣어줬더니

아래 사진과 같이 Default로 선택해주세요가 설정되고,

비활성화된 상태로 만들어졌다.

기본적인 내용이지만, CSS는 어렵기 때문에..ㅠㅠ

프로젝트를 하면서 차근차근 기록하고, 기억하자!