티스토리 뷰

1. 개념
input range 역할
input range는 폼 태그 안에서 슬라이더 범위를 설정하여 값을 주고 받음
min : 최소값, max : 최대값 , step : 값의 스탭 간격 , value : 슬라이더의 초기값
2. 예제
input range 예시
PHP 코드
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<! DOCTYPE html>
<html lang = "kr" >
<head>
<meta charset = "utf-8" >
<title> 키보드와 하루 </title>
</head>
<body>
<?php
$v_rangenum = $_POST [ "range_num" ];
print_r( $v_rangenum );
?>
<form method = "POST" action = "<?php echo $_SERVER [ 'PHP_SELF' ];?>" >
<input type = "range" name = "range_num" min = "1" max = "10" max = "10" step = "1" value ="<?php echo $v_rangenum ;?>" >
<input type = "submit" value = "전송" />
</form>
</body>
</html>
결과 화면
코드 설명
range는 범위라는 뜻을 의미하는 것으로 슬라이드를 이용해서 값을 설정해서 주고 받을 수 있습니다.
위에 화면에서 보시는 처럼 마우스를 이용해서 슬라이드를 이용해서 좌우로 움직이면 값을 설정할 수 있습니다.
최소 값과 최대 값을 주면서 범위로 스텝 간격을 설정해 주면 이용할 수 있습니다.
예를 들어서 범위를 설정하고자 할 때 이것을 이용해서 설정하면 슬라이드 값이 변경 되었을 때 값을 표시해주는 방법으로 할 수 있습니다. value는 초기 값에 해당하는 값으로 설정됩니다
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday