إليك بعض الأشكال (القيم) مع الخاصية TYPE المستخدمة على صفحات الإنترنيت :
|
<INPUT TYPE="text"> |
|
|
<INPUT TYPE="password"> |
|
|
<INPUT TYPE="hidden"> |
|
|
<INPUT TYPE="radio"> |
|
|
<INPUT TYPE="checkbox"> |
|
|
<INPUT TYPE="submit" value="Send"> |
|
|
<INPUT TYPE="reset" value="Reset"> |
|
|
<INPUT TYPE="button" value="Normal"> |
|
مع أن الأشكال السابقة تختلف عن بعضها البعض من حيث المبدأ والمظهر (وطريقة التعريف أيضاً) إلا أنها يجب أن تدرج جميعاً ضمن وسمين أساسيين للنماذج هما: <FORM> ... </FORM>
وكما جرت العادة نحتاج لتحديد بعض الخصائص التي تتعلق بطبيعة هذا النموذج. ولدينا هنا ثلاث خصائص:
|
ACTION تحدد العنوان الذي سيتم إرسال بيانات النموذج إليه لتتم معالجتها بالصورة المطلوبة. وعادة يكون هذا عنواناً لبريد إلكتروني Email سوف يتم إرسال بيانات النموذج إليه. أو قد يكون عنواناً لبرنامج CGI موجود على الكمبيوتر الخادم Server الذي تتواجد عليه صفحة الإنترنيت، حيث يستقبل هذه البيانات ويعالجها حسب التعليمات الموجودة فيه كأن يضيفها مثلاً إلى إحدى الصفحات (كما يحدث عادة في دفاتر الزوار) أو يتحقق من صحة بعض الحقول المدخلة ومطابقتها لمعايير معينة، أو أن يقوم بالبحث عن كلمة أو عبارة ضمن صفحات الموقع كما في نماذج البحث الموجودة في مواقع الإنترنيت. |
<FORM ACTION="mailto:عنوان البريد الإلكتروني هذا محمي من روبوتات السبام. يجب عليك تفعيل الجافاسكربت لرؤيته."> ... </FORM> ... </FORM> |
|
METHOD تحدد الطريقة التي سيتم بها التعامل مع العنوان المحدد في الخاصية السابقة ACTION. وهناك قيمتين لهذه الخاصية هما: GET التي تستخدم في حالة كون عملية المعالجة داخلية أي تتم داخل الخادم Server نفسه. ففي مثالنا السابق عندما نستخدم نموذج البحث عن كلمة في الموقع، فإن عملية المعالجة (أي البحث) تجري مباشرة في الموقع. والقيمة الثانية هي Post وتستخدم عندما تكون عملية المعالجة خارجية كأن يتم إرسال البيانات إلى عنوان بريد إلكتروني. |
<FORM ACTION="mailto:عنوان البريد الإلكتروني هذا محمي من روبوتات السبام. يجب عليك تفعيل الجافاسكربت لرؤيته." METHOD="post"> ... </FORM> <"FORM ACTION="name_and_address_of_CGI_script" METHOD="get> ... </FORM> |
|
ENCTYPE هذه الخاصية تحدد طريقة الترميز التي سيتم إرسال البيانات وفقاً لها. وهي تأخذ القيمتين التاليتين (يجب أن تكتب هذه القيم كما هي نصاً وحرفاً) : |
|
إذن خلاصة القول: قد تكون أفضل صيغة لتعريف النموذج في حالة أردت استقبال البيانات من موقعك إلى عنوان بريدك الإلكتروني هي:
|
<FORM ACTION="mailto:عنوان البريد الإلكتروني هذا محمي من روبوتات السبام. يجب عليك تفعيل الجافاسكربت لرؤيته." METHOD="post" ENCTYPE="text/plain"> <FORM/> |
تعريف النماذج :
|
|
| : لعمل زر، ويستفاد من الزر في عمل أي شيء. | Button |
|
Checkbox |
|
Hidden |
|
Image |
|
Password |
|
Radio |
|
Reset |
|
Submit |
سنواصل حديثنا عن النماذج و بعض الخصائص المتعلقة بكل نموذج في الحصة القادمة.