รายการแบบหล่นลงที่ง่ายที่สุดใน HTML สามารถสร้างได้โดยใช้แท็ก select นี่คือแท็กคอนเทนเนอร์แท็กตัวเลือกถูกฝังลงในรายการ - ระบุรายการ
มีหลายตัวเลือกสำหรับรายการที่คุณสามารถทำได้ใช้ตัวเลือกแท็ก: รายการแบบเลื่อนลง (ตัวเลือกเลื่อนออกหลังจากคลิกที่ฟิลด์หลักหรือชี้เคอร์เซอร์ที่รายการนั้น) และรายการแบบเลือกได้หลายรายการ - ในนั้นผู้ใช้สามารถเลือกรายการได้หลายรายการ ครั้งแรกเป็นเรื่องปกติมากขึ้นพวกเขาเป็นองค์ประกอบที่สำคัญในการนำทางของไซต์สมัยใหม่ คุณสามารถใช้รายการแบบเลื่อนลงของการเลือกได้หลายแบบตัวอย่างเช่นในไดเร็กทอรีที่ต้องมีการเลือกผลิตภัณฑ์หลายอย่าง
คุณสามารถเปลี่ยนลักษณะที่ปรากฏและคุณสมบัติของรายการโดยใช้แอตทริบิวต์สากลและพิเศษ
แอตทริบิวต์ของแท็ก select
1. Multiple - ตั้งค่าหลายทางเลือก
2ขนาด - ระบุจำนวนเส้นที่มองเห็นได้ในรายการนั่นคือความสูง แล้วทุกอย่างขึ้นอยู่กับว่าแอตทริบิวต์มีหลายหรือไม่ ถ้าใช่และคุณไม่ได้ระบุขนาดแล้วถ้ามีหลายรายการผู้ใช้จะเห็นตัวเลือกทั้งหมดที่เป็นไปได้ แต่ถ้ามีหลายรายการจะมีเพียงบรรทัดเดียวเท่านั้นที่จะปรากฏขึ้นและผู้เยี่ยมชมส่วนที่เหลือจะสามารถอ่านได้เมื่อเขากดไอคอนลิฟต์ด้านขวา หากมีการระบุความสูงของขนาดและน้อยกว่าจำนวนตัวเลือกแถบเลื่อนจะปรากฏขึ้นที่ด้านขวา
3. ชื่อคือชื่อ รายการแบบหล่นลงสามารถทำได้โดยไม่ต้องใช้ แต่อาจจำเป็นต้องโต้ตอบกับตัวจัดการบนเซิร์ฟเวอร์ ตามกฎชื่อยังคงระบุ
แท็ก select ไม่มีแอตทริบิวต์ที่จำเป็นซึ่งแตกต่างจากแท็ก option
แอตทริบิวต์ของแท็กตัวเลือกที่ซ้อนกัน
- เลือก - ใช้สำหรับเน้นรายการ ผู้ใช้สามารถเลือกมากกว่าหนึ่งรายการหากมีการระบุแอตทริบิวต์หลายรายการ (ดูด้านบน)
- ค่าคือค่า ต้องระบุแอตทริบิวต์นี้ เว็บเซิร์ฟเวอร์ต้องเข้าใจว่ารายการใดที่ผู้ใช้เลือกไว้
- ฉลากด้วยแอ็ตทริบิวต์นี้คุณสามารถย่อรายการรายการที่ยาวเกินไปได้ ตัวอย่างเช่นหน้าจอจะแสดง "Milan" แทน "Milan - ศูนย์กลางการบริหารของ Lombardy" ซึ่งระบุไว้ในแท็ก ภาคเหนือของอิตาลี " แอ็ตทริบิวต์นี้ยังใช้เพื่อจัดกลุ่มรายการในรายการ
ส่วนความกว้างของรายการจะกำหนดตามค่าเริ่มต้นตามความยาวของข้อความที่กว้างที่สุดในรายการ แน่นอนความกว้างสามารถเปลี่ยนได้โดยใช้สไตล์ HTML
รายการแบบหล่นลงในรูปแบบอื่น ๆ
สามารถทำได้โดยใช้ CSS เช่นรายการจะปรากฏขึ้นเมื่อคุณเลื่อนเมาส์ไปที่รายการหน้า โอกาสที่ยอดเยี่ยมสำหรับการสร้างรายการให้ JavaScript ซึ่งช่วยลดการทำงานของห้องสมุด Jquery รายการแบบหล่นลงที่จะเชื่อมต่อกับห้องสมุดนี้สามารถที่ซับซ้อนมากเช่นน้ำตก นั่นคือเมื่อคุณเลือกรายการในรายการจะปรากฏรายชื่อดังต่อไปนี้เช่นมีเมนู "เสื้อผ้าผู้หญิง" (เมื่อคุณเลื่อนหล่นชนิดของเสื้อผ้า) แล้วเมื่อหนึ่งในสายพันธุ์, ตัวอย่างเช่น "ท็อปส์" รายการแบบหล่นลงกับองค์ประกอบ: แจ็คเก็ต สวนสาธารณะ, เสื้อ, เสื้อโค้ทและอื่น ๆ n.
เราได้ระบุวิธีการหลักสำหรับซึ่งคุณสามารถสร้างรายการแบบเลื่อนลง แน่นอนว่ามีความแตกต่างหลายอย่างใน HTML, CSS และ JavaScript ที่ช่วยให้คุณสามารถเปลี่ยนฟังก์ชันการทำงานและลักษณะของรายการได้
