TIL #05 HTML radio, checkbox 태그

7898 단어 htmlhtml

radio, checkbox

radio 버튼은 한가지 선택밖에 할 수 없기 때문에
사용자는 중복선택을 할 수 없게된다.

checkbox를 사용하면 중복선택이 가능

반드시 같은 name으로 지정해주어야 한다.

<form action="http://localhost/order.php">
          <p>
              <h1>색상(단일선택)</h1>
              붉은색 : <input type="radio" name="color" value="red">
              검은색 : <input type="radio" name="color" value="black" checked>checked를 사용하여 미리 체크된 상태로 출력되게 할 수
              있다.
              파란색 : <input type="radio" name="color" value="blue">
          </p>
          <p>
              <h1>사이즈(다중선택)</h1>
              95 : <input type="checkbox" name="size" value="95">
              100 : <input type="checkbox" name="size" value="100" checked>
              105 : <input type="checkbox" name="size" value="105" checked>
          </p>
          <input type="submit">
      </form>

색상(단일선택)

붉은색 : 검은색 : 파란색 :

사이즈(다중선택)

95 : 100 : 105 :

좋은 웹페이지 즐겨찾기