เครดิตรูปภาพ: PeopleImages/E+/GettyImages
กล่องเลือก HTML เป็นองค์ประกอบของหน้าเว็บที่ให้คุณเลือกจากตัวเลือกต่างๆ มักจะแสดงเป็นเมนูแบบเลื่อนลง เป็นไปได้ที่จะซ่อนกล่องเลือกหรือองค์ประกอบหน้าเว็บอื่นโดยใช้ HTML หรือ CSS ภาษาสำหรับการจัดรูปแบบ ตัวเลือกอื่นๆ รวมถึงการซ่อนองค์ประกอบโดยทางโปรแกรมโดยใช้ JavaScript หรือการตั้งค่าอินพุตที่ซ่อนอยู่ใน HTML ที่ไม่แสดงบนหน้าเว็บภายใต้สถานการณ์ส่วนใหญ่
ซ่อนกล่องเลือกโดยใส่ตัวเลือกการจัดรูปแบบโดยใช้ HTML และ CSS เพื่อให้มองไม่เห็น วิธีหลักสองวิธีในการทำเช่นนี้โดยใช้ CSS และ HTML เพื่อซ่อนองค์ประกอบคือแอตทริบิวต์สไตล์การมองเห็นและแอตทริบิวต์สไตล์การแสดงผล
วิดีโอประจำวันนี้
เมื่อคุณตั้งค่าการมองเห็นขององค์ประกอบเป็นซ่อน องค์ประกอบนั้นจะไม่แสดงบนหน้าเว็บแต่ยังคงใช้พื้นที่ราวกับว่ามันอยู่ที่นั่น ตามค่าเริ่มต้น การมองเห็นจะถูกตั้งค่าเป็น "มองเห็นได้" และวัตถุจะแสดงตามปกติ
หากคุณต้องการให้องค์ประกอบไม่กินพื้นที่บนหน้าเพื่อให้เว็บไซต์แสดงผลราวกับว่าองค์ประกอบนั้นไม่ได้อยู่ในโค้ด HTML เลย ให้ใช้แอตทริบิวต์ display แทน ตั้งค่าการแสดงผลเป็น "ไม่มี" เพื่อทำให้วัตถุล่องหน
ทำเช่นนี้ในแอตทริบิวต์ style บนวัตถุ เช่น. อินพุตที่ซ่อนอยู่บางครั้งใช้สำหรับฟิลด์แบบฟอร์มที่สร้างขึ้นจากการป้อนข้อมูลของผู้ใช้หรือสำหรับรหัสความปลอดภัยแบบสุ่มที่ใช้ในการตรวจสอบว่าผู้ใช้ใช้เวอร์ชันจริงของแบบฟอร์มที่ดาวน์โหลดจากเว็บไซต์
เนื่องจากผู้ใช้สามารถเข้าถึงเนื้อหาของอินพุตที่ซ่อนอยู่โดยใช้ JavaScript อ่านซอร์สโค้ดของหน้า หรือตรวจสอบการรับส่งข้อมูลในเครือข่ายไม่ควรใช้เป็นข้อมูลที่ต้องปิดบังจากปลายทาง ผู้ใช้
