ฟิลด์ป้อนข้อความปิดใช้งาน Bootstrap

บทความนี้จะครอบคลุมหัวข้อต่อไปนี้:

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

ข้อกำหนดเบื้องต้น: สร้างแบบฟอร์ม

ขั้นแรก สร้างแบบฟอร์มโดยใช้ HTML “ <รูปแบบ> ' องค์ประกอบ:

จากนั้นเพิ่ม “ <ชุดฟิลด์> ” องค์ประกอบและกำหนดเป็นคลาส “ โคล-12 '. ภายในองค์ประกอบ

ระบุคำอธิบายแบบฟอร์ม:

เอาต์พุต

จะปิดการใช้งานฟิลด์ป้อนข้อความได้อย่างไร

สำหรับตัวอย่างที่กำลังดำเนินอยู่ ให้ทำตามคำแนะนำที่ให้ไว้:

• ข้างใน ' <ชุดฟิลด์> ” องค์ประกอบ หลังจากองค์ประกอบคำอธิบาย เพิ่มแท็ก
  และกำหนดเป็นคลาส “ แบบฟอร์มกลุ่ม '.
• จากนั้นใส่ “ <ฉลาก> ' และ ' <อินพุต> ” องค์ประกอบสำหรับคำอธิบายภาพและฟิลด์อินพุต ตามลำดับ กำหนดองค์ประกอบอินพุตเป็นคลาส ' แบบฟอร์มการควบคุม '.
• หลังจากนั้นจัดสรร “ พิการ ” แอตทริบิวต์เพื่อทำให้ช่องป้อนข้อมูลถูกปิดใช้งาน:

ต่อไปนี้เป็นคำอธิบายของชั้นเรียนที่กล่าวถึงข้างต้น:

• “ แบบฟอร์มกลุ่ม ” เป็นคลาสที่ยืดหยุ่นซึ่งมีวิธีที่ง่ายที่สุดในการรวมโครงสร้างในแบบฟอร์ม
• “ แบบฟอร์มการควบคุม ” เพิ่มสไตล์ให้กับองค์ประกอบแบบฟอร์มโดยอัตโนมัติ

เอาต์พุต

เพิ่มช่องป้อนข้อมูลอื่นโดยไม่มี “ พิการ ' คุณลักษณะ:

สามารถสังเกตได้ว่าฟิลด์อินพุตแรกถูกปิดใช้งานและเปิดใช้งานฟิลด์ที่สอง:

จะปิดการใช้งานตัวเลือกกล่องที่เลือกได้อย่างไร

หากต้องการสร้าง Select Box ในฟอร์ม ให้ใช้ HTML “ <เลือก> ' องค์ประกอบ. “ <ตัวเลือก> จากนั้น ” องค์ประกอบจะถูกเพิ่มในรายการกล่องที่เลือก

ในตัวอย่างนี้ สังเกตว่าตัวเลือกที่สองถูกตั้งค่าเป็นปิดใช้งานโดยใช้ปุ่ม ' พิการ ' คุณลักษณะ:

เอาต์พุต

จะปิดการใช้งานองค์ประกอบอินพุตช่องทำเครื่องหมายได้อย่างไร

มาสร้างกล่องกาเครื่องหมายควบคุมฟอร์มอื่นกันเถอะ หากต้องการปิดใช้งานช่องทำเครื่องหมาย ' พิการ ” มีการระบุแอตทริบิวต์ดังนี้: