في Dreamweaver ، بمجرد إضافة نموذج أو كائن النموذج ، مربع النص ، إلخ ، سيتم إضافة <sable> </billy> إلى الكود. لم أفهم أبدًا ما تفعله هذه التسمية. صادفت أن أرى التفسير اليوم:
هناك خصائصان في الملصقات مفيدة للغاية ، والآخر من أجل والآخر هو AccessKey.
للسمات
الوظيفة: يشير إلى عنصر HTML الذي ترتبط به علامة التسمية. عند النقر فوق هذه العلامة ، سيحصل العنصر المربو على التركيز.
الاستخدام: <label for = inpultbox> name </billy> <input id = inputbox type = text>
سمة AccessKey:
الوظيفة: مفتاح hotkey يشير إلى الوصول إلى العنصر المرتبط بعلامة التسمية. عندما تضغط على مفتاح Hotkey ، سيحصل العنصر المرتبط على التركيز.
الاستخدام: <label for = inputbox accessKey = n> name </label> <input id = inputbox type = text>
القيود: لا يمكن أن تتعارض مفاتيح الاختصار التي تحددها خاصية AccessKey مع مفتاح اختصار المتصفح ، وإلا فإن مفاتيح اختصار المتصفح سيتم تنشيطها أولاً.
تعليقات
لربط التسمية بعنصر تحكم آخر ، قم بتعيين خاصية عنصر التسمية على نفس المعرف مثل التحكم. التسمية الملزمة لخاصية اسم عنصر التحكم عديمة الفائدة. ومع ذلك ، لإرسال نموذج ، يجب عليك تحديد اسم عنصر التحكم الذي يرتبط به عنصر التسمية.
هناك طريقتان للتأكيد على مفتاح الاختصار المحدد. يدعم النص الغني لعنصر التسمية إضافة عنصر U إلى جانبي حرف مفتاح الاختصار المحدد بواسطة سمة AccessKey. إذا كنت تفضل استخدام أوراق الأنماط (CSS) لتطبيق نمط ، فيمكنك تضمين الحرف في Span وتعيين النمط على Decoration النص: Thankline.
إذا نقر المستخدم على تسمية ، يتم تشغيل حدث OnClick على الملصق أولاً ، ثم يتم تشغيل حدث OnClick على عنصر التحكم المحدد بواسطة خاصية HTMLFOR. سيؤدي الضغط على مفتاح الاختصار الذي تم تعيينه بواسطة LABEL إلى ضبط التركيز ولكن لن يؤدي إلى تشغيل حدث ONCLICK.
أشياء يجب ملاحظة:
1. لا يُسمح بتداخل الملصقات.
2. هذا العنصر متاح في HTML والبرامج النصية لـ Internet Explorer 4.0 وما فوق.
3. هذا العنصر هو عنصر مضمّن.
4. هذا العنصر يحتاج إلى إغلاق العلامة.
رمز عينة العنصر
يستخدم المثال التالي سمة Label و AccessKey لتعيين تركيز مربع النص.
- <labelfor = octrlidaccesskey = 1>
- <spanStyle = text-decoration: Underline ؛> name </span>: <fontcolor =#999999> اضغط على alt+1 إلى مربع النص </font>
- </label>
- <inputType = textName = txt1value = ah huinan size = 20tabindex = 1id = octrlid>