วิธีการทำรายการแบบหล่นลงใน HTML

รายการแบบหล่นลงที่ง่ายที่สุดใน HTML เป็นเรื่องง่ายที่จะสร้างโดยใช้แท็กเลือก คอนเทนเนอร์แท็กนี้แท็กตัวเลือกที่ฝังตัวอยู่ในมัน - มันเป็นพวกเขาที่ตั้งค่ารายการรายการ

มีหลายรายการตัวเลือกซึ่งสามารถทำได้โดยการเลือกแท็กคือ: รายการแบบหล่นลง (ตัวเลือกตกหลังจากคลิกบนสนามหลักหรือเลื่อนเมาส์ไปมัน) และรายชื่อของทางเลือกหลาย - ในนั้นผู้ใช้สามารถเลือกหลายรายการ ครั้งแรกเป็นเรื่องธรรมดามากที่พวกเขาจะเป็นองค์ประกอบสำคัญของเว็บไซต์นำทางที่ทันสมัย รายการแบบหล่นลงเลือกหลายสามารถนำมาใช้เช่นในไดเรกทอรีที่คุณต้องการเลือกไม่กี่ลักษณะของสินค้า

เปลี่ยนลักษณะและคุณสมบัติของรายการคุณสามารถใช้คุณลักษณะสากลและพิเศษ

คุณลักษณะแท็กเลือก

1. หลาย - ระบุหลายทางเลือก

2. ขนาด - ระบุจำนวนของเส้นที่มองเห็นได้ในรายการที่เป็นความสูง และจากนั้นทั้งหมดขึ้นอยู่กับแอตทริบิวต์หลายเป็นปัจจุบันหรือไม่ ถ้าเป็นเช่นนั้นและคุณไม่ได้ระบุเตียงขนาดนั้นในการปรากฏตัวของผู้ใช้หลายคนที่จะเห็นตัวเลือกทั้งหมดของคุณ แต่ถ้าหลาย ๆ คนจะหายไปแสดงให้เห็นว่าเป็นเพียงหนึ่งบรรทัดและผู้ใช้อื่น ๆ จะสามารถที่จะอ่านเมื่อคลิกที่ไอคอนของลิฟท์ทางด้านขวา ถ้าความสูงของขนาดที่ระบุไว้และมันก็เป็นน้อยกว่าจำนวนของตัวเลือกในแถบเลื่อนด้านขวาจะปรากฏขึ้น

3. ชื่อ - รายการแบบหล่นลงสามารถทำได้โดยไม่ได้ แต่ก็อาจมีความจำเป็นในการโต้ตอบกับโปรแกรมจัดการบนเซิร์ฟเวอร์ เป็นกฎที่ชื่อจะแสดงยังคง

เลือกแท็กไม่มีคุณลักษณะที่จำเป็นเมื่อเทียบกับแท็กตัวเลือก

แอตทริบิวต์ตัวเลือกแท็กที่แนบมา

1. เลือก - ออกแบบมาเพื่อเน้นในรายการ ผู้ใช้สามารถจัดสรรมากกว่าหนึ่งรายการถ้าคุณตั้งค่าแอตทริบิวต์หลาย (ดู. เหนือ)
2. คุ้มค่า - คุ้มค่า คุณลักษณะนี้จะต้อง เว็บเซิร์ฟเวอร์ต้องเข้าใจว่าสิ่งที่รายการผู้ใช้มีการเลือก
3. ฉลาก อยู่ในรายชื่อที่ยาวมากขององค์ประกอบที่สามารถลดการใช้แอตทริบิวต์นี้ ตัวอย่างเช่นหน้าจอจะแสดง "มิลาน" แทนของแท็กตัวเลือก "มิลาน - ศูนย์กลางของการบริหารแคว้นลอมบาร์เดีย ภาคเหนือของอิตาลี. " คุณลักษณะนี้จะใช้ในการจัดกลุ่มรายการในรายการ

สำหรับความกว้างของรายการเป็นค่าเริ่มต้นความยาวของข้อความกว้างที่สุดในรายการ แน่นอนความกว้างสามารถเปลี่ยนแปลงได้โดยใช้รูปแบบ HTML

รายการแบบหล่นลงในรูปแบบอื่น ๆ

ก็สามารถทำได้ด้วย CSS, ตัวอย่างเช่นรายการที่จะปรากฏขึ้นเมื่อคุณเลื่อนเมาส์ไปที่รายการหน้า โอกาสที่ยอดเยี่ยมสำหรับการสร้างรายการให้ JavaScript ซึ่งช่วยลดการทำงานของห้องสมุด Jquery รายการแบบหล่นลงที่จะเชื่อมต่อกับห้องสมุดนี้สามารถที่ซับซ้อนมากเช่นน้ำตก นั่นคือเมื่อคุณเลือกรายการในรายการจะปรากฏรายชื่อดังต่อไปนี้เช่นมีเมนู "เสื้อผ้าผู้หญิง" (เมื่อคุณเลื่อนหล่น ชนิดของเสื้อผ้า) แล้วเมื่อหนึ่งในสายพันธุ์, ตัวอย่างเช่น "ท็อปส์" รายการแบบหล่นลงกับองค์ประกอบ: แจ็คเก็ต สวนสาธารณะ, เสื้อ, เสื้อโค้ทและอื่น ๆ n.

ขณะนี้มีอยู่วิธีผิวเผินหลักในที่ที่คุณสามารถสร้างรายการแบบหล่นลง แน่นอนว่ามีความแตกต่างมากมายใน HTML ในแบบ CSS และ JavaScript ในซึ่งจะช่วยให้คุณสามารถเปลี่ยนการทำงานและลักษณะของมุมมองรายการ