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

สร้าง HTML Checkbox ออนไลน์

เครื่องมือสร้าง HTML Checkbox สร้าง <input type="checkbox"> พร้อมองค์ประกอบ <label> ที่เชื่อมโยงกัน กำหนดชื่อของตัวควบคุม ID ป้ายกำกับที่มองเห็น และสถานะเริ่มต้นว่าเลือกไว้หรือไม่ โดยตัวอย่างและผลลัพธ์ HTML กับ C# จะอัปเดตพร้อมกัน

สร้าง HTML Checkbox ใน C#

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

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

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

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

1. เหตุใด id ของ checkbox จึงต้องตรงกับแอตทริบิวต์ for ของป้ายกำกับ

ค่าที่ตรงกันเชื่อมโยงป้ายกำกับกับ checkbox อย่างชัดเจน การคลิกป้ายกำกับจึงสลับสถานะตัวควบคุมได้ และเทคโนโลยีอำนวยความสะดวกสามารถระบุข้อความที่อธิบายตัวควบคุม ควรใช้ id ที่ไม่ซ้ำในหน้า

2. แอตทริบิวต์ name และ id ของ checkbox ต่างกันอย่างไร

แอตทริบิวต์ name ระบุค่าของ checkbox เมื่อส่งแบบฟอร์ม ส่วน id ระบุองค์ประกอบภายในเอกสารและเชื่อมกับป้ายกำกับ checkbox หลายรายการใช้ชื่อเดียวกันได้ แต่ id แต่ละค่าต้องไม่ซ้ำ

3. แบบฟอร์มส่งอะไรเมื่อ checkbox ไม่ได้ถูกเลือก

Checkbox ที่ไม่ถูกเลือกจะไม่ส่งคู่ชื่อและค่าไปกับแบบฟอร์ม หากเลือกไว้และไม่ได้กำหนด value อย่างชัดเจน เบราว์เซอร์จะใช้ค่าเริ่มต้น on

4. ตัวเลือก Checked ป้องกันไม่ให้ผู้ใช้ยกเลิกการเลือก checkbox หรือไม่

ไม่ป้องกัน แอตทริบิวต์ checked กำหนดเฉพาะสถานะเริ่มต้นเมื่อโหลดหน้า ผู้ใช้ยังเลือกหรือยกเลิกได้ เว้นแต่ตรรกะของแอปพลิเคชันจะแยกต่างหากเพื่อปิดใช้งานหรือควบคุม

5. สามารถสร้าง checkbox หลายรายการที่ใช้ชื่อเดียวกันได้หรือไม่

ได้ Checkbox ที่เกี่ยวข้องกันสามารถใช้ชื่อเดียวกัน แต่ควรมี ID และป้ายกำกับที่ไม่ซ้ำ เพิ่มแอตทริบิวต์ value ที่แตกต่างกันหลังคัดลอก HTML หากเซิร์ฟเวอร์ต้องแยกตัวเลือกที่ผู้ใช้เลือก

ติดตั้ง 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 โดยไม่มีข้อจำกัดของเวอร์ชันทดลอง