[HTML] Form(4)- Select & Option

Select

• 직계 자식으로 'option' 만 사용해야함
• 여러가지 누르고 싶을땐 select 태그에 'multiple' 속성을 적어야함

 

<!-- 하나만 고를 때-->
<form action="" method = "GET">
  <label for="sk">스킬</label>
  <select name="skill" id="sk">
  <option value="HTML">HTML</option>
  <option value="CSS">CSS</option>
  <option value="JavaScript">JavaScript</option>
  </select>
  <button type="submit">
  Submit
  </button>
</form>


<hr>


<!--여러가지를 고를 때 -->
<form action="" method = "GET">
  <label for="fr">과일</label>
  <select multiple name="fruit" id="fr">
  <option value="apple">apple</option>
  <option value="banana">banana</option>
  <option value="pineapple">pineapple</option>
  </select>
  <button type="submit">
  Submit
  </button>
</form>