انشاء نموذج بيانات form بلغة Html الجزء الثاني

نستكمل فى هذا الدرس باقي عناصر form 

<button>

وهو يستخدم عادة مع لغة JavaScript 

ونلاحظ أن الاسم الذى يظهر على button هو القيمة التى تم إعطاؤها له فى خاصية value كما هو موضح 

<reset>

يعمل الزر reset على استعادة القيم الافتراضية لجميع عناصر النموذج form

فمثلا لو تم ادخال بعض النصوص فى مربع النص text او وضع كلمة سر في عنصر password او تم التأشير فى checkbox كل هذه البيانات يتم حذفها بمجرد الضغط على زر reset واستعادة القيم الافتراضية

<file>

هذا الأمر يستخدم لرفع الملفات من على جهازك الخاص إلى موقع الانترنت مثل الصور او الملفات المختلفة .

<radio>

يستخدم للاختيار من متعدد حيث يتم اختيار عنصر واحد فقط من عدة عناصر فى النموذج وهو بهذا يختلف عن checkbox والذى يسمح باختيار أكثر من عنصر

ونلاحظ فى radio انه لهم جميعا نفس name ولكن قيمة value مختلف 

انشاء نموذج بيانات form بلغة Html

يستخدم النموذج form فى ادخال بيانات معينة وبعد ذلك يتم إرسال هذه البيانات إلى قاعدة بيانات موجودة على الموقع لتتم معالجة هذه البيانات
ولإنشاء نموذج form نقوم أولا بإنشاء وسم النموذج 

<form>

ونضع جميع مكونات النموذج داخل وسم النموذج form وبعد الانتهاء من كتابة جميع عناصر النموذج form نكتب وسم إغلاق النموذج 

</form>

وللنموذج form عدة خصائص attributes  منها name وaction و method وهو إما get  أو Post وهذه الخصائص تستخدم فى البرمجة أكثر منها فى التصميم

وسنتناول عناصر form

label او التسمية

<label>   ادخل اسمك   </label>

حقل ادخال البيانات

input

وله العديد من الخصائص attributes  حيث يوجد العديد من حقول إدخال البيانات منها text وذلك عند الرغبة فى ادخال بيانات عادية مثل اسم المستخدم او غير رقم التليفون أو غير ذلك وتوجد أيضا خصائص أخرى منها password ومن ضمن خصائص input ايضا Name 

<input type="text" name="username">

 خاصية Maxlength وهى خاصية العدد الأقصى لعدد الحروف المدخلة فى هذا الحقل حيث يمكن تحديدها بعدد معين من الحروف.
ومن ضمن خصائص العنصر Input خاصية مميزة تسمى placeholder
ويختفى النص الموجود فى مربع الادخال بمجرد البدء فى إدخال البيانات.

 نلاحظ أن عدد حروف password لا يمكن زيادته عن 10 رموز كما سبق وتم تحديده من خلال خصائص النموذج

checkbox

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

submit 

وهو زر إرسال البيانات إلى الخادم لمعالجتها 

 ومن خلال الخاصية value يمكن تعديل الاسم الذى يظهر أمام المستخدم 

<submit value="register">