Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

จะใช้ฟิลด์ประเภทอินพุตพร้อมขั้นตอนใน HTML ได้อย่างไร?


แอตทริบิวต์ขั้นตอนประเภทการป้อนข้อมูล HTML กำหนดช่วงตัวเลขทางกฎหมาย ขั้นตอนคือขั้นตอนที่เป็นตัวเลข เช่น 0, 5, 10, 15, 20 เป็นต้น สามารถใช้แอตทริบิวต์ step ร่วมกับแอตทริบิวต์ max และ min เพื่อสร้างช่วงของค่าทางกฎหมายได้

จะใช้ฟิลด์ประเภทอินพุตพร้อมขั้นตอนใน 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>