코딩 연습/HTML&CSS
Select Element를 활용하여 카테고리 지정하기
쵸잇
2019. 1. 16. 15:54
강의를 따라 만든 블로그에서 혼자서 새로운 기능 추가하기
원하는 기능: Django Admin에서 카테고리를 선택하는 것을 폼을 통해 만들고 싶었다
HTML Form 요소들 중에 <select> 요소 사용하기
HTML Form 요소들을 확인해볼 수 있다. (https://www.w3schools.com/html/html_form_elements.asp)
<select> 요소를 사용하면 drop-down list 형태로 만들 수 있다.
selected 속성은 옵션을 우선 선택해놓게 한다. 나의 경우 "Category"를 지정했다.
disabled 속성은 해당 옵션이 사용되지 않도록 한다. 따라서 "Category"는 타이틀 역할이다.
1 2 3 4 5 | <select name="category"> <option selected="selected" disabled>Category</option> <option value="dv">Development</option> <option value="ps">Personal</option> </select> | cs |
완성된 모습이다. 기본값처럼 Category가 보이지만 옵션을 disabled한 상태이므로 실제로 선택은 되지 않는다.