نموذج إدخال HTML * السمات
يصف هذا الفصل form*
السمات المختلفة <input>
لعنصر HTML.
سمة النموذج
form
تحدد سمة الإدخال الشكل الذي <input>
ينتمي إليه العنصر.
يجب أن تكون قيمة هذه السمة مساوية لسمة id لعنصر <form> الذي تنتمي إليه.
مثال
حقل إدخال يقع خارج نموذج HTML (لكنه لا يزال جزءًا من النموذج):
<form action="/action_page.php" id="form1">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
</form>
<label for="lname">Last
name:</label>
<input type="text" id="lname"
name="lname" form="form1">
سمة Formaction
تحدد سمة الإدخال formaction
عنوان URL للملف الذي سيعالج الإدخال عند إرسال النموذج.
ملاحظة: تتجاوز هذه السمة
action
سمة <form>
العنصر.
تعمل formaction
السمة مع أنواع الإدخال التالية: الإرسال والصورة.
مثال
نموذج HTML به زري إرسال ، بإجراءات مختلفة:
<form action="/action_page.php">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form>
سمة formenctype
تحدد سمة الإدخال formenctype
كيفية تشفير بيانات النموذج عند إرسالها (فقط للنماذج ذات الأسلوب = "post").
ملاحظة: تتجاوز هذه السمة سمة enctype <form>
للعنصر.
تعمل formenctype
السمة مع أنواع الإدخال التالية: الإرسال والصورة.
مثال
نموذج يحتوي على زري إرسال. الأول يرسل بيانات النموذج مع التشفير الافتراضي ، والثاني يرسل بيانات النموذج المشفرة على أنها "متعددة الأجزاء / بيانات النموذج":
<form action="/action_page_binary.asp" method="post">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
<input type="submit"
formenctype="multipart/form-data"
value="Submit as
Multipart/form-data">
</form>
سمة النموذج
تحدد سمة الإدخال formmethod
طريقة HTTP لإرسال بيانات النموذج إلى عنوان URL للإجراء.
ملاحظة: تتجاوز هذه السمة سمة الأسلوب الخاصة <form>
بالعنصر.
تعمل formmethod
السمة مع أنواع الإدخال التالية: الإرسال والصورة.
يمكن إرسال بيانات النموذج كمتغيرات URL (الطريقة = "الحصول على") أو كمعاملة HTTP بعد (الطريقة = "النشر").
ملاحظات حول طريقة "get":
- تلحق هذه الطريقة بيانات النموذج بعنوان URL في أزواج الاسم / القيمة
- هذه الطريقة مفيدة لعمليات إرسال النماذج حيث يريد المستخدم وضع إشارة مرجعية على النتيجة
- هناك حد لمقدار البيانات التي يمكنك وضعها في عنوان URL (يختلف باختلاف المستعرضات) ، لذلك لا يمكنك التأكد من نقل جميع بيانات النموذج بشكل صحيح
- لا تستخدم أبدًا طريقة "get" لتمرير معلومات حساسة! (ستكون كلمة المرور أو غيرها من المعلومات الحساسة مرئية في شريط عنوان المتصفح)
ملاحظات حول طريقة "النشر":
- ترسل هذه الطريقة بيانات النموذج كعملية نشر HTTP
- لا يمكن وضع إشارة مرجعية على عمليات إرسال النموذج باستخدام طريقة "النشر"
- تعتبر طريقة "النشر" أكثر قوة وأمانًا من طريقة "get" ، كما أن طريقة "post" لا تتضمن قيودًا على الحجم
مثال
نموذج يحتوي على زري إرسال. الأول يرسل بيانات النموذج بالطريقة = "get". الثانية ترسل بيانات النموذج بالطريقة = "post":
<form action="/action_page.php" method="get">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit using
GET">
<input type="submit" formmethod="post" value="Submit using
POST">
</form>
سمة formtarget
formtarget
تحدد سمة الإدخال اسمًا أو كلمة أساسية تشير إلى مكان عرض الاستجابة التي تم تلقيها بعد إرسال النموذج.
ملاحظة: تتجاوز هذه السمة السمة الهدف <form>
للعنصر.
تعمل formtarget
السمة مع أنواع الإدخال التالية: الإرسال والصورة.
مثال
نموذج يحتوي على زري إرسال ، بنوافذ هدف مختلفة:
<form action="/action_page.php">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form>
سمة Formnovalidate
تحدد سمة الإدخال formnovalidate
أنه لا ينبغي التحقق من صحة عنصر <input> عند إرساله.
ملاحظة: تتجاوز هذه السمة سمة novalidate <form>
للعنصر.
تعمل formnovalidate
السمة مع أنواع الإدخال التالية: إرسال.
مثال
نموذج به زري إرسال (مع أو بدون التحقق):
<form action="/action_page.php">
<label for="email">Enter your
email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
<input type="submit"
formnovalidate="formnovalidate"
value="Submit without validation">
</form>
السمة novalidate
السمة novalidate
هي <form>
سمة.
عند وجودها ، تحدد novalidate أنه لا ينبغي التحقق من صحة جميع بيانات النموذج عند إرسالها.
مثال
حدد عدم وجوب التحقق من صحة بيانات النموذج عند الإرسال:
<form action="/action_page.php" novalidate>
<label
for="email">Enter your email:</label>
<input type="email"
id="email" name="email"><br><br>
<input type="submit"
value="Submit">
</form>
نموذج HTML وعناصر الإدخال
Tag | Description |
---|---|
<form> | Defines an HTML form for user input |
<input> | Defines an input control |
للحصول على قائمة كاملة بجميع علامات HTML المتاحة ، تفضل بزيارة مرجع علامات HTML الخاص بنا .