مدونة منير

نماذج الإدخال في Html

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

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

نماذج الإدخال في Html
نماذج الإدخال في Html
#HowToFrontend

الفورم

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

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

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

#HowToFrontend

name

method

action

اسم الفورم والذي يستخدم

للإشارة إليه

تحديد الفعل المطلوب عند

التسجيل (الإرسال في المثال)

تحديد مسار لإرسال البيانات إليه

محلي في المثال)php(ملف

attributesيوضح المثال التالي طريقة كتابة عنصر الفورم وال

الخاصة به:

<form name=”myForm” method=”post” action=”./file.php”>

</form>

#HowToFrontend

<input />

يشكل العنصر أغلب عمليات الإدخال في أي موقع وذلك لكثرة

الأشكال والأنواع التي يمكن أن يتخذها والتي يمكنك الاختيار

كما في المثال :attribute typeبينها عن طريق ال

<input type=”text” />

text* عند عدم تحديد النوع فإن القيمة الافتراضية له هي

#HowToFrontend

email

password

number

search

url

يستخدم لكتابة الايميل

حقل كلمات السر

(حجب ما يكتب فيه)

حقل يقبل الأرقام فقط

الحقل المخصص للبحث

حقل إدخال للروابط

inputأنواع العنصر

text

يستخدم لكتابة النصوص

القصيرة كاسم المستخدم

#HowToFrontend

file

image

range

hidden

reset

يستخدم لرفع الملفات

يستخدم لاختيار احداثيات على

صورة

لتحديد مجال معين

حقل إدخال مخفي

لإعادة جميع الحقول إلى الوضع

الافتراضي

color

يستخدم لاختيار لون من عجلة

الألوان

#HowToFrontend

checkbox

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

يمكن اختيار عدة خيارات

radio

يستخدم لاختيار واحد من عدة خيارات

لا يمكن اختيار أكثر من خيار

#HowToFrontend

تعرف على بقية عناصر الفورم

المهمة في الجزء الثاني !