Language/HTML

HTML [select tag]

현식 :) 2020. 4. 13. 16:57

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>