جاري التحميل...

سمات نموذج HTML

النماذج أعطت الهيكل. سمات النموذج تضبط السلوك — action فارغ وget مقابل post والتعبئة والفحوص وتسمية النموذج. أنواع الإدخال وform= لاحقاً.

لماذا سمات النموذج مهمة

نموذجان متشابهان قد يسلكان مختلفاً. السمات على form تغيّر الوجهة وأسلوب HTTP والتعبئة والتحقق دون حقول جديدة.

إجابة مباشرة

1) action وmethod. 2) action فارغ = الصفحة الحالية غالباً. 3) autocomplete. 4) novalidate عند تجاوز الفحوص عمداً. 5) id/name للنموذج نفسه.

📊 Form attributes at a glance

Attribute	Role	Beginner tip
action	Where the browser sends the data	Empty often means “this page”
method	get (query string) or post (request body)	Prefer post for private or large data
autocomplete	Autofill hint for the form	off for sensitive practice forms
novalidate	Skip built-in HTML checks on submit	Demo tool — not a production default
name / id	Identify the form element itself	Useful when scripts or CSS target the form

نموذج اتصال بسمات المستوى

وسّع هيكل الاشتراك: أبقِ الحقول المسمّاة وزِيّن وسم form الافتتاحي.

Contact form with attributes

html

<form
id="contact"
name="contact"
action="/contact"
method="post"
autocomplete="on">
<label for="full-name">Name</label>
<input id="full-name" name="full_name" type="text" required>
<label for="msg">Message</label>
<textarea id="msg" name="message" rows="3" required></textarea>
<button type="submit">Send</button>
</form>

قراءة مثال الاتصال

id وname يعرّفان النموذج
action مسار صريح
post يُبقي الرسالة خارج شريط العنوان
autocomplete=on يسمح بالتعبئة
name الحقول مفاتيح الحمولة
required على مستوى الحقل

بحث GET وnovalidate اختياري

البحث غالباً get ليبقى الاستعلام في الرابط. لا للبيانات الحساسة. autocomplete=off للتدريب. novalidate للديمو فقط.

GET search with autocomplete off

html

<form action="/search" method="get" autocomplete="off">
<label for="q">Search</label>
<input id="q" name="q" type="search">
<button type="submit">Go</button>
</form>

<!-- Demo-only: skip built-in checks
<form action="/demo" method="post" novalidate>
...
</form>
-->

قراءة مثال البحث

get يلحق ?q= بالرابط
autocomplete=off يقلل التعبئة
بلا required تُرسل الحقول الفارغة
مثال novalidate تذكير فقط
لا get لكلمات المرور

action فارغ وGET مقابل POST

فارغ/محذوف → عنوان الصفحة الحالية
get للفلاتر والبحث
post للتسجيل والرسائل
method وحده ليس أماناً

تمرين — ضبط سمات النموذج

اجعل action فارغاً
بدّل method البحث
autocomplete=off على الاتصال
أضف novalidate مؤقتاً
أزله
تأكد من id النموذج وname الحقول
جملة: السمات تضبط الوجهة والأسلوب والتعبئة والفحوص

أخطاء شائعة

مفاجأة action الفارغ
كلمات مرور بـ get
novalidate دائم في الإنتاج
خلط name النموذج مع name الحقل
اعتبار off ضمان أمان
خلط action وmethod

ملخص

سمات النموذج تضبط الإرسال
action + method أساس؛ الفارغ → الصفحة الحالية
autocomplete وnovalidate اختياريان
name/id للنموذج؛ name الحقل لمفتاح البيانات
post للخاص
التالي: عناصر النموذج

🧠 اختبر معرفتك

جاهز للبدء

اختبر معرفتك

تحدى نفسك مع هذا الاختبار التفاعلي واكتشف مدى فهمك للموضوع

❓

الأسئلة

🎯

70%

للنجاح

♾️

∞

الوقت

🔄

∞

المحاولات

📝 التعليمات

اقرأ كل سؤال بعناية
اختر أفضل إجابة لكل سؤال
يمكنك إعادة الاختبار عدة مرات كما تريد
سيتم عرض تقدمك في الأعلى