مثال
نموذج HTML مع اثنين من حقول الإدخال واحد زر الإرسال:
<form
action="demo_form.asp"
method="get">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
انها محاولة لنفسك » أكثر "انها محاولة لنفسك" الأمثلة أدناه.
تعريف واستخدام
و <form> يستخدم كلمة دلالية لإنشاء نموذج HTML لإدخال المستخدم.
و <form> يمكن أن تحتوي على عنصر واحد أو أكثر من عناصر الشكل التالي:
دعم المتصفح
| العنصر | |||||
|---|---|---|---|---|---|
| <form> | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
الخلافات بين HTML 4.01 و HTML5
وأضاف HTML5 اثنين من السمات الجديدة: autocomplete و novalidate ، و removed و accept السمة.
الخلافات بين HTML و XHTML
في XHTML، و name تم إهمال السمة. استخدم خاصية id العالمية بدلا من ذلك.
الصفات
= جديد في HTML5.
| السمة | القيمة | وصف |
|---|---|---|
| accept | file_type | غير معتمدة في HTML5. تحدد قائمة مفصولة بفواصل من أنواع الملفات التي يقبل الخادم (التي يمكن تقديمها من خلال تحميل ملف) |
| accept-charset | character_set | تحديد ترميز الحروف التي سيتم استخدامها لتقديم النموذج |
| action | URL | تحدد مكان لإرسال البيانات النموذج عند إرسال نموذج |
| autocomplete | on off | تحدد ما إذا كان ينبغي أن يكون لها شكل الإكمال التلقائي أو إيقاف تشغيله |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain | يحدد الكيفية التي ينبغي أن ترميز البيانات النموذج عند رفعه إلى خادم (فقط لل method="post" ) |
| method | get post | يحدد طريقة HTTP لاستخدامها عند إرسال استمارة البيانات |
| name | text | يحدد اسم النموذج |
| novalidate | novalidate | تنص على أن الشكل لا يجب أن تصدق عندما قدم |
| target | _blank _self _parent _top | تحديد مكان عرض الاستجابة التي يتم تلقيها بعد تقديم النموذج |
السمات العامة
و <form> كما يدعم بطاقة و السمات العامة في HTML .
سمات الحدث
و <form> كما يدعم هذا الكود في حدث سمات في HTML .
انها محاولة لنفسك - أمثلة
شكل مع مربعات
وهناك شكل مع اثنين من مربعات، وزر الإرسال.
شكل مع radiobuttons
وهناك شكل مع اثنين من أزرار الراديو، وزر الإرسال.
صفحات ذات صلة
HTML البرنامج التعليمي: نماذج HTML والإدخال
HTML DOM إشارة: كائن نموذج
CSS دروس: نماذج التصميم
الإعدادات الافتراضية CSS
معظم المتصفحات عرض <form> العنصر مع القيم الافتراضية التالية: