Click here to view more cat photos.
Things cats love:
- cat nip
- laser pointers
- lasagna
Top 3 things cats hate:
- flea treatment
- thunder
- other cats
radio buttons
للإجابة على الأسئلة حيث تريد أن يمنحك المستخدم إجابة واحدة فقط من الخيارات المتعددة. أزرار الراديو هي نوع من input
. يمكن تداخل كل زر من أزرار الراديو داخل عنصر label
الخاص به. من خلال لف عنصر input
داخل عنصر label
، سيقوم تلقائيًا بربط إدخال زر الراديو مع عنصر التسمية المحيط به. يجب أن يكون لكل أزرار الراديو ذات الصلة سمة name
نفسه لإنشاء مجموعة أزرار الراديو. من خلال إنشاء مجموعة راديو ، سيؤدي تحديد أي زر راديو فردي إلى إلغاء تحديد الأزرار الأخرى في نفس المجموعة تلقائيًا ، مما يضمن إجابة واحدة فقط من قبل المستخدم. في ما يلي مثال على زر الاختيار: <التسمية>فهو يعتبر أفضل الممارسات لوضع
<input type = "radio" name = "indoor-outdoor"> داخلي
</ التسمية>
for
السمة على label
عنصر، مع قيمة يطابق قيمة id
السمة ل input
عنصر. يسمح ذلك للتقنيات المساعدة لإنشاء علاقة مرتبطة بين الملصق وعنصر input
الطفل. فمثلا: <label for = "indoor">
<input id = "indoor" type = "radio" name = "indoor-outdoor"> داخلي
</ التسمية>
indoor
والآخر ينبغي أن يكون خيار في outdoor
. يجب أن يشترك كلاهما في خاصية name
of indoor-outdoor
لإنشاء مجموعة راديو. name
indoor-outdoor
.
testString: 'assert($("label > input[type="radio"]").filter("[name="indoor-outdoor"]").length > 1, "Give your radio buttons the name
attribute of indoor-outdoor
.");'
- text: يجب أن يتداخل كل عنصر من عناصر زر الراديو في عنصر label
الخاص به.
testString: 'assert($("label > input[type="radio"]:only-child").length > 1, "Each of your two radio button elements should be nested in its own label
element.");'
- text: تأكد من أن كل عنصر من عناصر label
لديه علامة إغلاق.
testString: 'assert((code.match(/<\/label>/g) && code.match(/Click here to view more cat photos.
Things cats love:
Top 3 things cats hate: