จะเห็นได้ว่าปุ่มตัวเลือกถูกสร้างขึ้นสำเร็จแล้ว:

คุณยังสามารถใช้สไตล์กับปุ่มตัวเลือกที่สร้างขึ้นด้านบนโดยทำตามโค้ด CSS ที่กล่าวถึงด้านล่าง

ขั้นตอนที่ 2: การใช้สไตล์กับ HTML

“ แผนก ” หมายถึงแท็ก div ที่เราสร้างในไฟล์ HTML:

• ประการแรก “ สีพื้นหลัง ” คุณสมบัติถูกตั้งค่าเป็น “ #8197f0 '.
• “ ชายแดน ” คุณสมบัติถูกตั้งค่าเป็น “ 5px ประ #13023a ” โดยที่ 5px แทนความกว้างของเส้นขอบ จุดหมายถึงประเภทของเส้น และถัดไปคือสีของเส้นขอบ
• “ การขยายความ ” ตั้งเป็น “ 20px 100px ” โดยที่ 20px ระบุการเติมจากด้านบนและด้านล่าง และ 100px ระบุการเติมจากด้านซ้ายและขวา
• สำหรับรูปแบบตัวอักษร กำหนด “ ครอบครัวแบบอักษร ” มูลค่าทรัพย์สินเป็น “ เล่นหาง '.

ซีเอสเอส

จะเห็นได้ว่าองค์ประกอบ div นั้นจัดรูปแบบสำเร็จแล้ว:

แค่นั้นแหละ! เราได้อธิบายรายละเอียดเกี่ยวกับปุ่มตัวเลือก HTML

บทสรุป

ปุ่มตัวเลือกคืออินพุตที่ปรากฏในกลุ่มของตัวเลือกตั้งแต่สองตัวขึ้นไปเสมอ จากกลุ่มนี้ ผู้ใช้สามารถเลือกได้เพียงหนึ่งตัวเลือกเท่านั้น ใน HTML สามารถสร้างปุ่มตัวเลือกโดยใช้ปุ่ม ' <อินพุต> ” แท็กที่มีประเภทแอตทริบิวต์ที่มีค่า “ วิทยุ '. บล็อกนี้สาธิตวิธีการเพิ่มปุ่มตัวเลือกใน HTML