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

จะจำกัดช่องอินพุต HTML ให้รับเฉพาะอินพุตที่เป็นตัวเลขได้อย่างไร


ในการจำกัดช่องอินพุต HTML ให้ยอมรับอินพุตที่เป็นตัวเลข ให้ใช้ ด้วยวิธีนี้ คุณจะได้ช่องป้อนตัวเลข

หลังจากจำกัดช่องป้อนข้อมูลเป็นตัวเลขแล้ว หากผู้ใช้ป้อนข้อความแล้วกดปุ่มส่ง คุณจะเห็นข้อความต่อไปนี้ว่า "โปรดป้อนตัวเลข"

จะจำกัดช่องอินพุต HTML ให้รับเฉพาะอินพุตที่เป็นตัวเลขได้อย่างไร

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อจำกัดช่องอินพุต HTML เพื่อให้รับเฉพาะอินพุตที่เป็นตัวเลข -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML input number</title>
   </head>

   <body>
      <form action = "" method = "get">
         Enter any number between 1 to 20:
         <input type="number" name="num" min="1" max="20"><br>
         <input type="submit" value="Submit">
      </form>
   </body>
</html>