HTML - Range

MJ·2023년 2월 3일
0

HTML 

목록 보기
26/27
post-thumbnail

1. Range

사용자가 범위내에서 선택할 수 있는 슬라이드바를 제공하는 태그입니다.

    <h3> Select Range </h3>
    <form action="/root">
        <label for="volum">Volum :</label>
        <input type="range" id="volum" name="volum" min="0" max="100" step="5" value="50">
      <!-- min(최소값) max(최대값) step(5씩 증가/감소) value(초기 값) -->
        <button> submit </button>
    </form>

여러가지 속성들을 사용해서, 슬라이드바의 최소/최대 값, 기본 값, 증가/감소 값의 수치 등을
조정할 수 있습니다.

profile
프론트엔드 개발자가 되기 위한 학습 과정을 정리하는 블로그

0개의 댓글