Computer >> Máy Tính >  >> Lập trình >> HTML

Làm thế nào để sử dụng trường loại đầu vào với các bước trong HTML?

Thuộc tính bước loại đầu vào HTML đặt các khoảng số hợp pháp. Các bước là các bước số như 0, 5, 10, 15, 20, v.v. Thuộc tính bước có thể được sử dụng cùng với các thuộc tính max và min để tạo ra một loạt các giá trị pháp lý.

Làm thế nào để sử dụng trường loại đầu vào với các bước trong HTML?

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tạo một bước số với thuộc tính bước đầu vào. Ở đây, chúng tôi đang tạo bước 5, vì vậy đầu vào hợp lệ sẽ là 5, 10, 15, 20, v.v.

Khi nhập một số ngoại trừ số đó và nhấn nút gửi, thông báo sau sẽ hiển thị:“Vui lòng nhập giá trị hợp lệ”. Nó cũng sẽ cho bạn biết hai giá trị gần nhất.

<!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>