강의를 따라 만든 블로그에서 혼자서 새로운 기능 추가하기
원하는 기능: 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한 상태이므로 실제로 선택은 되지 않는다.
'코딩 연습 > HTML&CSS' 카테고리의 다른 글
| 텍스트 가운데 정렬 (0) | 2018.12.06 |
|---|---|
| 폼 클래스 없이 데이터 수정하기(value 속성 사용) (0) | 2018.12.03 |
| Grid로 2번 연속 나누기 (0) | 2018.12.03 |
| HTML 이미지 삽입하기 (0) | 2018.12.02 |
| <table>, <tr>, <th>, <td> 사용해보기 (0) | 2018.12.01 |
쵸잇