جارٍ التحميل…
جارٍ التحميل…
تفرق بين اسم الحقل وقيمته وتحدد الحقول التي يرسلها النموذج.
النموذج يحتوي حقولًا كثيرة، لكن ليس كل ما يظهر فيه يصل عند الإرسال. سنطبق قواعد المشاركة على كل حقل، ثم نأخذ القيم المطلوبة.
النموذج مجموعة خانات وزر. إرسال النموذج يعني تكوين أسماء وقيم من الخانات المشاركة، وفق القواعد المكتوبة في هذا الدرس.
<input name="color" value="blue" readonly>| الكلمة في الملف | معناها هنا |
|---|---|
| input | خانة في النموذج. |
| name / value | اسم الحقل في البيانات / القيمة التي يرسلها. |
| readonly | يمكن قراءة القيمة ولا يمكن تعديلها هنا؛ لكنها ترسل. |
| disabled | حقل معطل؛ لا يشارك في الإرسال. |
| checkbox / checked | خانة اختيار / علامة تقول إنها محددة. |
| button | زر؛ يرسل اسمه وقيمته عندما يكون هو الزر المنقور. |
سيُنقر الزر save المحدد أدناه.
<form>
<input name="color" value="blue" readonly>
<input name="quantity" value="2">
<input name="quantity" value="99" disabled>
<input value="red">
<input type="checkbox" name="gift" value="yes">
<button name="action" value="save">Save order</button>
</form>هذه أول مرة تتعلم فيها الفكرة؟ افتح الشرح وامشِ معنا من أول سطر إلى الإجابة. سنشرح معنى الكلمات وسبب كل خطوة. بعدها جرّب كتابة الناتج بنفسك.
الشرح يتضمن الإجابة النهائية. قراءته جزء من التعلم، ولا تكمل التحدي تلقائيًا.
تخيّل نقر زر الحفظ المذكور. خذ قيمة color ثم قيمة quantity اللتين ترسلان، وافصل بينهما بشرطة سفلية.
المحاولات غير محدودة ولا تخصم نقاطًا. تُفحص الإجابات على السيرفر، ويُحفظ تقدم التدريب في متصفحك.
الدليل داخل كل تحدٍ يكفي لحله. هذه مراجع إضافية عند رغبتك في فهم المواصفات والأدوات بعمق أكبر.