HTML [select tag]

HTML select

• 옵션, 라디오, 체크박스 등으로 선택하는 태그

• <select name="NAME" multiple> <select>

  • name="NAME" : NAME이라는 이름으로 데이터 전송된다.
  • multiple : 복수선택을 허용한다.
  • 아래의 태그들과 함께 쓰인다.
    • 옵션
      • <option value="VALUE"> <option>
      • value="VALUE" : VALUE 값을 선택할 수 있게 한다.
    • 라디오
      • <input type="radio" name="NAME" value="VALUE">
      • type="radio" : 라디오 선택 방식
      • name="NAME" : NAME이라는 이름으로 데이터 전송
      • value="VALUE" : VALUE 값 선택
      • 같은 name 사이에선 중복 선택이 불가능하다.
    • 체크박스
      • <input type="checkbox" name="NAME" value="VALUE" checked>
      • type="checkbox" : 체크박스 선택 방식
      • name="NAME" : NAME이라는 이름으로 데이터 전송
      • value="VALUE" : VALUE 값 선택
      • checked : default로 체크가 되어있게 한다.
      • 중복선택이 가능하다.

  <form action="http://localhost.php">
    <p>
      <select name="number">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
      </select>
    </p>
    <p>
      <input type="radio" name="COLOR" value="RED">RED
      <input type="radio" name="COLOR" value="GREEN">GREEN
      <input type="radio" name="COLOR" value="BLUE">BLUE
    </p>
    <p>
      <input type="checkbox" name="SIZE" value="95">95
      <input type="checkbox" name="SIZE" value="100">100
      <input type="checkbox" name="SIZE" value="105">105
      <input type="checkbox" name="SIZE" value="free" checked>free
    </p>
    <input type="submit">
  </form>