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

จะใช้แอตทริบิวต์ขั้นตอนที่แตกต่างกันในการป้อนข้อมูลช่วงเดียวใน HTML ได้อย่างไร


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

หากต้องการใช้แอตทริบิวต์ step ที่แตกต่างกันในช่วงอินพุตเดียวใน HTML เราจะใช้ JavaScript ขั้นแรก มาดูวิธีการใช้แอตทริบิวต์ step กัน

จะใช้แอตทริบิวต์ขั้นตอนที่แตกต่างกันในการป้อนข้อมูลช่วงเดียวใน HTML ได้อย่างไร

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อสร้างขั้นตอนของตัวเลขด้วยแอตทริบิวต์ขั้นตอนการป้อนค่า ที่นี่ เรากำลังสร้างขั้นตอนที่ 2 ดังนั้นการป้อนข้อมูลที่ถูกต้องจะเป็น 2, 4, 6, 8, 10 เป็นต้น เมื่อป้อนตัวเลขยกเว้นนั้นและกดปุ่มส่ง ข้อความต่อไปนี้จะปรากฎขึ้น:“โปรดป้อนรหัสที่ถูกต้อง ค่า". นอกจากนี้ยังจะแจ้งให้คุณทราบค่าที่ใกล้ที่สุดทั้งสองค่า

ตัวอย่าง

  แอตทริบิวต์ขั้นตอนการป้อนข้อมูล HTML   
<ประเภทอินพุต ="หมายเลข" ชื่อ ="คะแนน" ขั้นตอน ="2">
<ประเภทอินพุต ="ส่ง" ค่า ="ส่ง">

เราจะใช้ jQuery เพื่อให้แอตทริบิวต์ step ที่แตกต่างกันในช่วงอินพุตเดียวใน HTML ในที่นี้ เราได้เพิ่มสองขั้นตอนคือ 10 และ 2 ช่วงที่นี่คือ 100 ถึง 450 ซึ่งตั้งค่าไว้ใต้แอตทริบิวต์ min และ max

ตัวอย่าง

      
ค่า:
ขั้นตอนปัจจุบัน: