نماذج الإدخال في Html (الجزء الثاني)

البرمجة
a pic of منير
2024/02/29
1

تعلم كل ما تحتاجه عن النماذج وعناصر الإدخال في لغة Html

نماذج الإدخال في Html (الجزء الثاني)
نماذج الإدخال في Html (الجزء الثاني)
#HowToFrontend

)2الفورم (

هو العنصر الذي يتعامل معه المستخدم لإدخال>form<عنصر

البيانات التي يتم معالجتها لأداء وظيفة معينة كتسجيل حساب

جديد في الموقع حيث يتم إدخال المعلومات في حقول إدخال مخصصة تتبع للفورم.

#HowToFrontend

>textarea></textarea<

هو مساحة نصية تستخدم للنصوص الكبيرة مثل تقديم الاقتراحات والشكاوي على سبيل المثال.

الخاصةvalueكل ما يكتب داخل هذا العنصر يساوي ال

بالعنصر.

#HowToFrontend

<label></label>

يستخدم هذا العنصر لشرح حقل إدخال مرافق له.

معين ثم كتابة ذلكidيتم ذلك عن طريق إعطاء الحقل المطلوب

كما في المثال:for ضمن idال

<label for=”username> username label </label>

<input type=”text” id=”username />

#HowToFrontend

>button></button<

هذا العنصر هو الزر الذي يضغطه المستخدم لتنفيذ أمر ما، ويكون النص داخله هو نص الزر.

في الفورم الذي يوجدsubmitيقوم بشكل افتراضي بحدث ال

Javascriptفيها كما يمكن برمجته للقيام بأي أمر آخر عن طريق

.event attributesوال

#HowToFrontend

size

multiple

لتحديد عدد الخيارات الظاهرة

في القائمة قبل فتحها

تسمح للمستخدم بأكثر من اختيار

واحد

>select></select<

يمثل هذا العنصر قائمة متعددة الاختيارات يختار منها المستخدم ما يناسبه، كالبلد الذي يعيش فيه أو نوع هاتفه.

من أجل تمثيل كل اختيار ضمن القائمة،>option<يستخدم العنصر

لتصنيف الخيارات في مجموعات.>optgroup<ونستخدم العنصر

الخاصة بالعنصر:attributesهنا بعض ال

#HowToFrontend

<fieldset></fieldset>

هو إطار يحيط بعناصر الفورم ويساعد في تنظيمها من خلال تقسيم حقول الإدخال إلى مجموعات معنونة.

كعنوان للإطار.>legend<يستخدم العنصر

#HowToFrontend

placeholder

readonly

value

disabled

هو النص البديل الذي يظهر

قبل كتابة شيء في الحقل

يعني أن العنصر لا يمكن التعديل عليه ويمكن قرائته فقط

تمثل القيم التي تدخل في

الحقل وتختلف حسب نوع الحقل

تستخدم لتعطيل حقل ما

وتوقيفه عن العمل

خاصة بعناصر الفورمattributes