Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

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

<시간/>

HTML 입력 유형 단계 속성은 법적 숫자 간격을 설정합니다. 단계는 0, 5, 10, 15, 20 등과 같은 숫자 단계입니다. 단계 속성은 최대 및 최소 속성과 함께 사용하여 올바른 값 범위를 생성할 수 있습니다.

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

예시

다음 코드를 실행하여 입력 단계 속성으로 숫자 단계를 생성할 수 있습니다. 여기에서는 5단계를 생성하므로 유효한 입력은 5, 10, 15, 20 등이 됩니다.

이외의 숫자를 입력하고 제출 버튼을 누르면 "유효한 값을 입력하세요"라는 메시지가 나옵니다. 또한 가장 가까운 두 값을 알려줍니다.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML input step attribute</title>
   </head>

   <body>
      <form action = "" method = "get">
         <input type="number" name="points" step="5"><br>
         <input type="submit" value="Submit">
      </form>
   </body>
</html>