top of page

การสร้างฟิลด์ข้อมูลตัวเลขเบบ Number

ฟิลด์ข้อมูลเเบบ  Number จะใช้ในการเก็บข้อมูลเเบบตัวเลข เเต่จะใช้ได้กับบางเบราว์เซอร์เท่านั้น เช่น Chrome หรือ Firefox เป้นต้น โดยมีรูปเเบบดังนี้

  รูปเเบบ <input type = "Number" value ="ค่าเริ่มต้น" step="ค่าที่เพิ่มขึ้น"

โดยที่ 

type = "Number" เป็นการกำหนดใหเรับข้อมูลในเเบบตัวเลข โดยจะเเสดงออกมาในลักษณะของกรอบที่ปรับค่าได้(spin box) เช่น

value  ใช้ในการกำหนดค่าเริ่มต้นที่จะเเสดงในกรอบ เช่น

                                                                            <input type = "Number" value ="5">

step ใช้ในการกำหนดค่าที่จะให้เพิ่ม/ลดต่อครั้งต่อการคลิกปุ่มปรับค่า 1 ครั้งหากไม่กำหนดจะเพิ่ม/ลดทีละ 1

<input type = "Number" value ="5" step="2">

ตัวอย่างการกำหนดข้อมูลเเบบ Number

<body>

<form>

ส่วนสูง : <input type= "number" name="hight"value="30">กก

</form>

</body>

ผลที่ได้บนเบราว์เซอร์

bottom of page