เครื่องมือสร้าง HTML Number Input

สร้างช่องตัวเลข HTML <input> ออนไลน์

เครื่องมือสร้าง HTML Number Input สร้างช่อง <input type="number"> พร้อมป้ายกำกับสำหรับป้อนค่าตัวเลข กำหนดชื่อ ID ป้ายกำกับ placeholder ค่าเริ่มต้น ค่าต่ำสุด ค่าสูงสุด และ step ได้ โดยตัวอย่างและผลลัพธ์ HTML กับ C# จะอัปเดตพร้อมกัน

เบราว์เซอร์ใช้ min, max และ step ในการตรวจสอบข้อจำกัด และอาจแสดงปุ่มเพิ่มหรือลดค่า แอตทริบิวต์เหล่านี้อธิบายค่าที่อนุญาต แต่โค้ดฝั่งเซิร์ฟเวอร์ยังต้องตรวจสอบข้อมูลที่ส่งมา

สร้าง HTML Number Input ใน C#

แผง C# แสดงวิธีสร้างช่องตัวเลขและป้ายกำกับที่กำหนดค่าไว้ด้วย Aspose.HTML for .NET โค้ดที่สร้างขึ้นทำงานตามขั้นตอนต่อไปนี้:

1. สร้าง HTMLDocument และ HTMLInputElement ด้วย CreateElement()
2. กำหนด type ชื่อ ID placeholder ค่าเริ่มต้น ช่วง และ step ตามตัวเลือกที่เลือก
3. สร้าง HTMLLabelElement แล้วเชื่อมโยงกับ input และกำหนดข้อความที่มองเห็น
4. เพิ่มทั้งสององค์ประกอบด้วย AppendChild() และบันทึกเป็น number-input.html ด้วย Save()

กำหนดข้อจำกัดของตัวเลขก่อน แล้วจึงคัดลอกโค้ด C# ที่อัปเดตไปยังโปรเจกต์ .NET

คำถามเกี่ยวกับเครื่องมือสร้าง HTML Number Input

1. ควรใช้ <input type="number"> เมื่อใด

ใช้กับปริมาณที่การคำนวณเชิงตัวเลขมีความหมาย เช่น จำนวน ปริมาณที่วัด หรือจำนวนครั้ง ไม่ควรใช้กับตัวระบุที่ประกอบด้วยตัวเลข เช่น รหัสไปรษณีย์ หมายเลขบัญชี หรือหมายเลขบัตร

2. แอตทริบิวต์ min และ max ป้องกันการป้อนค่าที่อยู่นอกช่วงทั้งหมดหรือไม่

ไม่เสมอ เบราว์เซอร์อาจอนุญาตค่าชั่วคราวหรือค่าที่พิมพ์ไว้นอกช่วง แล้วรายงานว่าไม่ถูกต้องระหว่างการตรวจสอบข้อจำกัด จึงต้องตรวจสอบค่าที่ส่งมาบนเซิร์ฟเวอร์ด้วย

3. แอตทริบิวต์ step ควบคุมอะไร

แอตทริบิวต์นี้กำหนดช่วงห่างระหว่างค่าที่ถูกต้องจากฐานของ step ที่ใช้ ตัวอย่างเช่น min="0" กับ step="0.5" อนุญาตค่า 0, 0.5 และ 1 โดย Step ต้องเป็นจำนวนบวก

4. ช่องตัวเลขที่สร้างขึ้นรับค่าทศนิยมได้หรือไม่

ได้ ป้อนค่าทศนิยมและเลือก Step แบบทศนิยมที่เข้ากัน เช่น 0.01 เบราว์เซอร์อาจแสดงตัวคั่นตาม locale แต่ค่าแอตทริบิวต์ HTML ที่สร้างขึ้นใช้รูปแบบตัวเลขมาตรฐานที่เครื่องอ่านได้

5. ข้อความ placeholder ใช้แทนป้ายกำกับที่มองเห็นได้หรือไม่

ไม่ได้ ข้อความ placeholder จะหายไปเมื่อผู้ใช้ป้อนค่าและไม่ใช่ชื่อที่โปรแกรมช่วยการเข้าถึงเชื่อถือได้ ควรมี Label สั้นๆ ที่เชื่อมด้วยค่า for และ id ที่ตรงกัน

ติดตั้ง Aspose.HTML for .NET

ติดตั้ง Aspose.HTML for .NET จาก NuGet ด้วย .NET CLI:

dotnet add package Aspose.HTML

คุณยังสามารถใช้หน้าต่าง NuGet Package Manager หรือเรียกใช้ Install-Package Aspose.HTML ใน Package Manager Console ได้ ดูรายละเอียดการตั้งค่าใน คู่มือการติดตั้ง หรือขอ ใบอนุญาตชั่วคราว เพื่อประเมิน API โดยไม่มีข้อจำกัดของเวอร์ชันทดลอง