>  기사  >  웹 프론트엔드  >  HTML의 단계에서 입력 유형 필드를 사용하는 방법은 무엇입니까?

HTML의 단계에서 입력 유형 필드를 사용하는 방법은 무엇입니까?

WBOY
WBOY앞으로
2023-09-05 23:49:061053검색

HTML의 단계에서 입력 유형 필드를 사용하는 방법은 무엇입니까?

이 기사에서는 HTML의 단계와 함께 입력 유형 필드를 사용합니다.

step 속성을 사용하여 요소에서 숫자 사이의 간격을 지정합니다. 예를 들어 단계 = "2"인 경우 숫자는 -4, -2, 0, 2, 4 등이 될 수 있습니다.

스텝 크기는 입력 필드에서 상하 너지 버튼을 클릭하고 특정 범위 내에서 슬라이더를 왼쪽 또는 오른쪽으로 움직일 때의 스텝 간격을 설정합니다. 단계가 명시적으로 포함되지 않은 경우 숫자의 기본값은 1로 설정되고 날짜/시간 입력 유형의 경우 단위 유형의 기본값은 1로 설정됩니다.

숫자 입력의 기본 단계 값은 1이며, 단계 기준이 정수가 아닌 이상 정수만 허용됩니다. 시간의 기본 단계 값은 1초입니다.

최대 및 최소 속성과 함께 step 속성을 사용하여 입력 필드에 다양한 값을 생성할 수도 있습니다.

문법

다음은 HTML에서 입력 필드와 단계를 사용하기 위한 구문입니다.

으아아아

다음은 HTML의 입력 필드와 단계를 사용하는 샘플 프로그램입니다. -

으아아아

위 예제 프로그램에서는 step=5를 사용했습니다. -10, -5, 0, 5, 10, 15……로 이동합니다. 등.

다음은 HTML의 입력 필드와 단계를 사용하는 또 다른 예제 프로그램입니다 -

으아아아

위 예제 프로그램에서는 step=10을 입력했습니다. 그러면 10, 20, 30, 40, 50, 60……으로 이동합니다. 등.

범위가 있는 입력 필드에 단계 사용

이 단계는 제한된 범위의 입력 필드에도 사용할 수 있습니다. 따라서 최대 및 최소 속성도 선언해야 합니다.

문법

다음은 step 속성과 max 및 min 속성을 사용하여 입력 필드에 값 범위를 생성하는 구문입니다.

으아아아

다음 예제 프로그램은 step 속성과 max 및 min 속성을 사용하여 입력 필드에 값 범위를 생성합니다.

으아아아

위 예제 프로그램에서는 step=3을 사용했습니다. 그러면 0, 3, 6, 9……로 이동합니다. 그리고 최대 30개까지 가능합니다(최대값=30으로 지정).

보시다시피 값은 입력 필드에 지정된 최소값보다 우선하지 않습니다.

보시다시피 값은 입력 필드에 지정된 최대값을 초과하지 않습니다.

위 내용은 HTML의 단계에서 입력 유형 필드를 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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