ใน Dreamweaver ทันทีที่มีการเพิ่มรูปแบบหรือรูปแบบวัตถุกล่องข้อความ ฯลฯ จะเพิ่ม <bail> </lable> จะถูกเพิ่มลงในรหัส ฉันไม่เคยเข้าใจว่าฉลากนี้ทำอะไร ฉันบังเอิญเห็นคำอธิบายวันนี้:
มีสองคุณสมบัติในฉลากที่มีประโยชน์มากหนึ่งมีไว้สำหรับและอื่น ๆ คือ accesskey
สำหรับคุณลักษณะ
ฟังก์ชั่น: ระบุองค์ประกอบ HTML ที่แท็กป้ายกำกับถูกผูกไว้ เมื่อคุณคลิกที่แท็กนี้องค์ประกอบที่ถูกผูกไว้จะได้รับโฟกัส
การใช้งาน: <label for = inputbox> name </label> <input id = type inputbox = text> text>
แอตทริบิวต์ AccessKey:
ฟังก์ชั่น: ฮอตคีย์ที่ระบุการเข้าถึงองค์ประกอบที่ถูกผูกไว้กับแท็กฉลาก เมื่อคุณกดปุ่มลัดองค์ประกอบที่ถูกผูกไว้จะได้รับโฟกัส
การใช้งาน: <label for = inputbox accessKey = n> ชื่อ </label> <อินพุต id = inputbox type = text> text>
ข้อ จำกัด : คีย์ทางลัดที่กำหนดโดยคุณสมบัติ AccessKey ไม่สามารถขัดแย้งกับคีย์ทางลัดของเบราว์เซอร์มิฉะนั้นปุ่มลัดของเบราว์เซอร์จะถูกเปิดใช้งานก่อน
ความเห็น
หากต้องการผูกป้ายกำกับกับตัวควบคุมอื่นให้ตั้งค่าคุณสมบัติขององค์ประกอบฉลากเป็น ID เดียวกับตัวควบคุม การเชื่อมโยงป้ายกำกับไปยังคุณสมบัติชื่อของตัวควบคุมนั้นไร้ประโยชน์ อย่างไรก็ตามในการส่งแบบฟอร์มคุณต้องระบุชื่อสำหรับการควบคุมที่องค์ประกอบของฉลากถูกผูกไว้
มีสองวิธีในการขีดเส้นใต้คีย์ทางลัดที่ระบุ ข้อความที่หลากหลายขององค์ประกอบฉลากรองรับการเพิ่มองค์ประกอบ U ไปยังทั้งสองด้านของอักขระคีย์ทางลัดที่ระบุโดยแอตทริบิวต์ AccessKey หากคุณต้องการใช้สไตล์ชีท (CSS) เพื่อใช้สไตล์คุณสามารถรวมตัวละครในช่วงและตั้งค่าสไตล์การตกแต่งข้อความ: ขีดเส้นใต้
หากผู้ใช้คลิกฉลากเหตุการณ์ onClick บนฉลากจะถูกเรียกใช้ก่อนจากนั้นเหตุการณ์ onClick บนตัวควบคุมที่ระบุโดยคุณสมบัติ HTMLFOR จะถูกเรียกใช้ การกดปุ่มทางลัดชุดโดยฉลากจะตั้งค่าโฟกัส แต่จะไม่ทริกเกอร์เหตุการณ์ onclick
สิ่งที่ควรทราบ:
1. ป้ายไม่ได้รับอนุญาตให้ซ้อนกัน
2. องค์ประกอบนี้มีอยู่ใน HTML และสคริปต์สำหรับ Internet Explorer 4.0 ขึ้นไป
3. องค์ประกอบนี้เป็นองค์ประกอบอินไลน์
4. องค์ประกอบนี้ต้องปิดแท็ก
รหัสตัวอย่างองค์ประกอบ
ตัวอย่างต่อไปนี้ใช้แอตทริบิวต์ Label และ AccessKey เพื่อตั้งค่าโฟกัสของกล่องข้อความ
- <labelfor = octrlidaccesskey = 1>
- <spanstyle = การตกแต่งข้อความ: ขีดเส้นใต้;> ชื่อ </span>: <fontcolor =#9999999> กด alt+1 ไปยังกล่องข้อความ </font>
- </lable>
- <inputType = textName = txt1Value = ah huinan size = 20TabIndex = 1id = octrlid>