Freecodecamp: إضافة وصف لعناصر تحكم النموذج

تم إنشاؤها على ٢٣ أغسطس ٢٠١٦  ·  5تعليقات  ·  مصدر: freeCodeCamp/freeCodeCamp

اسم التحدي

https://www.freecodecamp.com/challenges/style-text-inputs-as-form-controls

وصف المشكلة

سيكون هذا التحدي أكثر إفادة إذا كان وصف ما تفعله إضافة فئة التحكم في النموذج إلى حقل الإدخال فعلاً. شيء على غرار:

كل العناصر النصية [المدخلات] و [منطقة النص] و [حدد] مع الفئة [.form-control] يبلغ عرضها 100٪.

first timers only help wanted

التعليق الأكثر فائدة

وجود مشكلة في أسلوب-مدخلات-كشكل-ضوابط
مجرد إعطاء فئة = "شكل السيطرة" ل

1) <form action="/submit-cat-photo" class="form-control">

2) <div class="row" class="form-control">
قبل div i.e. <div class="col-xs-4"> لمربع الاختيار الخاص بك

وأخيرًا أضف هنا
3) <input type="text" placeholder="cat photo URL" class="form-control" required>

ال 5 كومينتر

هذا التحدي قصير جدًا حاليًا ويستحق بالتأكيد إضافة شرح هنا.

إلى الموقت الأول:
سوف تحتاج إلى إضافة الجملة تحت هذا السطر. من فضلك ، تحقق من إرشاداتنا للمساهمة وإذا كنت بحاجة إلى أي مساعدة فتواصل مع غرفة دردشة المساهمين .

ملاحظة: يمكنك فقط إرسال طلب سحب لهذه المشكلة إذا كنت جديدًا ولم ترسل طلبًا من قبل. ومن هنا جاءت تسمية المشكلة first-timers-only : stuck_out_tongue_winking_eye:

الرمز الذي ستحتاج إلى إضافته على وجه التحديد هو

"All textual <code>&lt;input&gt;</code>, <code>&lt;textarea&gt;</code>, and <code>&lt;select&gt;</code> elements with the class <code>.form-control</code> have a width of 100%."

يجب أن تجعل كما

عرض جميع العناصر النصية <input> و <textarea> و <select> مع الفئة .form-control 100٪.

مرحبا. أنا مهتم لأول مرة بالمساهمة في Free Code Camp. سأقدم PR لهذه المشكلة. شكر!

مهلا ماذا عن الاختبارات ؟؟
يجب إضافة الاختبارات لكل إدخال.

وجود مشكلة في أسلوب-مدخلات-كشكل-ضوابط
مجرد إعطاء فئة = "شكل السيطرة" ل

1) <form action="/submit-cat-photo" class="form-control">

2) <div class="row" class="form-control">
قبل div i.e. <div class="col-xs-4"> لمربع الاختيار الخاص بك

وأخيرًا أضف هنا
3) <input type="text" placeholder="cat photo URL" class="form-control" required>

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات