'html select'에 해당되는 글 1건

강의를 따라 만든 블로그에서 혼자서 새로운 기능 추가하기


  • 원하는 기능: 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한 상태이므로 실제로 선택은 되지 않는다.





블로그 이미지

쵸잇

,