요소와 연결됩니다. createElement() 및 getElementById() 메소드를 사용하여 각각 range 유형의 입력 요소를 생성하고 액세스할 수 있습니다. 속성 다음은 입력 범위 개체의 속성입니다. 일련 번호 속성 및 설명 1자동 완성은 범위 컨트롤의 자동 완성 속성 값을 설정하거나 반환합니다. 2autofocus는 페이지가 로드될 때 범위 슬라이더 컨트롤이 자동으로 초점을 얻을지 여부를 설정하거나 반환합니다. 3defaultValue는 범위 슬라이더 컨트롤의 기본값을 설정하거나 반환합니다. 4disabled는 슬라이더 컨트롤의 비활성화 여부를 설정하거나 반환합니다."/> 요소와 연결됩니다. createElement() 및 getElementById() 메소드를 사용하여 각각 range 유형의 입력 요소를 생성하고 액세스할 수 있습니다. 속성 다음은 입력 범위 개체의 속성입니다. 일련 번호 속성 및 설명 1자동 완성은 범위 컨트롤의 자동 완성 속성 값을 설정하거나 반환합니다. 2autofocus는 페이지가 로드될 때 범위 슬라이더 컨트롤이 자동으로 초점을 얻을지 여부를 설정하거나 반환합니다. 3defaultValue는 범위 슬라이더 컨트롤의 기본값을 설정하거나 반환합니다. 4disabled는 슬라이더 컨트롤의 비활성화 여부를 설정하거나 반환합니다.">

 >  기사  >  웹 프론트엔드  >  HTML DOM 입력 범위 객체

HTML DOM 입력 범위 객체

王林
王林앞으로
2023-08-28 16:01:091520검색

HTML DOM 입력 범위 개체는 "범위" 유형의 d5fd7aea971a85678ba271703566ebfd 요소와 연결됩니다. createElement() 및 getElementById() 메소드를 사용하여 각각 range 유형의 입력 요소를 생성하고 액세스할 수 있습니다.

속성

다음은 입력 범위 개체의 속성입니다.

일련 번호 속성 및 설명
1 autocomplete

자동 완성 속성 값을 반환합니다. 범위 제어.

2 autofocus

페이지가 로드될 때 범위 슬라이더 컨트롤이 자동으로 포커스를 받을지 여부를 설정하거나 반환합니다.

3 defaultValue

범위 슬라이더 컨트롤의 기본값을 설정하거나 반환합니다.

4 disabled

슬라이더 컨트롤의 비활성화 여부를 설정하거나 반환합니다.

5 form

슬라이더 컨트롤이 포함된 양식에 대한 참조를 반환합니다.

6 List

슬라이더 컨트롤이 포함된 데이터 목록에 대한 참조를 반환합니다.

7 Max

슬라이더 컨트롤의 최대 속성 값을 설정하거나 반환합니다.

8 Min

슬라이더 컨트롤의 최소 속성 값을 설정하거나 반환합니다.

9 Name

슬라이더 컨트롤의 이름 속성 값을 설정하거나 반환합니다.

10 Step

슬라이더 컨트롤의 단계 속성 값을 설정하거나 반환합니다.

11 Type

슬라이더 컨트롤의 양식 요소 유형을 반환합니다.

12 value

슬라이더 컨트롤의 value 속성 값을 설정하거나 반환합니다.

Methods

다음은 비밀번호 개체의 메서드입니다.

Serial Number Method and Description
1 stepDown()

감소율 주어진 숫자 슬라이더 컨트롤의 값.

2 stepUp()

슬라이더 컨트롤의 값을 주어진 숫자만큼 증가시킵니다.

입력 범위 개체의 예를 살펴보겠습니다.

Demonstration

<!DOCTYPE html>
<html>
<head>
<script>
   function rangeCreate() {
      var R = document.createElement("INPUT");
      R.setAttribute("type", "range");
      document.body.appendChild(R);
}
</script>
</head>
<body>
<h1>Input range object</h1>
<p>Create an input field with type range by clicking the below button</p>
<button onclick="rangeCreate()">CREATE</button>
<br><br>
VOLUME:
</body>
</html>

Output

그러면 다음과 같은 출력이 생성됩니다. −

HTML DOM Input Range对象

CREATE 버튼을 클릭합니다.

HTML DOM Input Range对象

at 위의 예에서 −

CREATE라는 버튼을 만들었습니다. 이 버튼은 사용자가 클릭할 때 rangeCreate() 메서드를 실행합니다. −

<button onclick="rangeCreate()">CREATE</button>

rangeCreate() 메서드는 "를 전달하여 문서 개체의 createElement() 메서드를 사용합니다. INPUT'을 매개변수로 사용하여 요소를 생성합니다. 새로 생성된 입력 요소는 변수 R에 할당되고 값 범위가 있는 유형 속성은 setAttribute() 메서드를 사용하여 생성됩니다.

기억하세요. setAttribute()는 속성을 생성한 다음 속성이 없으면 값을 할당합니다. 이전에는 존재하지 않았습니다. 마지막으로 문서 본문에서appendChild() 메서드를 사용하여 유형 범위의 입력 요소를 본문의 하위 요소로 추가합니다. -

function createPASS() {
   var R = document.createElement("INPUT");
   R.setAttribute("type", "range");
   document.body.appendChild(R);
}

위 내용은 HTML DOM 입력 범위 객체의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제