HTML form Tag

HTML form Tag – يٌحدد الوسم <form> نموذج HTML يحتوي على عناصر تحكم تفاعلية تمكن المستخدم من إرسال المعلومات إلى خادم ويب Web Server.

HTML form Tag

يتم استخدام وسم الـ <form> لأخذ معلومات المستخدم مثل:

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

لأخذ معلومات المستخدم نضع عنصر أو أكثر من عناصر الإدخال داخل عنصر الـ <form> ، مثل:

<input>
<textarea>
<select>
<option>
<button>
<optgroup>
<fieldset>
<legend>
<label>

مثال

<form action="../process.php" method="post">
    <label for="username">Username:</label>
    <input type="text" id="username" name="username"><br>
    <label for="pass">Password:</label>
    <input type="text" id="pass" name="pass"><br>
    <input type="submit" value="Submit">
</form>

السمات المحددة – Specific Attributes

يدعم الوسم <form> هذه السمات:

السمة	القيمة	الوصف
action	URL	يحدد مكان إرسال بيانات النموذج عند إرسال النموذج.
accept^deprecated	content-type-list	يحدد قائمة مفصولة بفواصل لأنواع المحتوى التي يقبلها الخادم.
accept-charset	character-set	يحدد ترميزات الأحرف التي سيتم استخدامها لإرسال النموذج.
autocomplete	on off	يحدد ما إذا كانت ميزة الإكمال التلقائي لنموذج قيد التشغيل أم متوقفة.
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	يحدد كيفية تشفير بيانات النموذج عند إرسالها إلى الخادم. 💡 تستخدم فقط مع “method = “post
method	post get	تحدد طريقة HTTP لاستخدامها عند إرسال بيانات النموذج.
name	text	يحدد اسم النموذج.
novalidate	novalidate	يحدِّد أنه لا يجب التحقق من صحة النموذج عند إرساله.
rel	nofollow noopener noreferrer opener prev search external help license next	يحدد العلاقة بين المصدر المرتبط والمستند الحالي.
target	blank_ self_ parent_ top_	يحدد مكان عرض الاستجابة التي تم استلامها بعد إرسال النموذج.