أبسط شكل لإرسال البيانات عبر البريد الإلكتروني باستخدام HTML وPHP. نماذج HTML. طرق إرسال البيانات إلى الخادم باستخدام النموذج

/php/php5ru.png HTTP/1.0

: www.php5.ru

ما ستراه إذا شاهدت هذا سوف يومض عبر الشاشة png-ملف في محرر النصوص.

نماذج HTML. طرق إرسال البيانات إلى الخادم باستخدام النموذج

المعالجة هي أحد التطبيقات الأكثر شيوعًا لأي لغة برمجة نصية للخادم HTML- النماذج. تتضمن برمجة الويب في الغالب معالجة مدخلات المستخدم المختلفة.

RNRيسهل مهمة معالجة وتحليل النماذج الواردة من المتصفح، حيث أن جميع القدرات اللازمة مدمجة في اللغة على أدنى مستوى. لذلك، لا يتعين على المبرمج حتى التفكير في ميزات البروتوكول HTTPوأتساءل كيف يحدث الإرسال والاستقبال

مع HTML-النماذج التي واجهتها بالفعل عند دراسة لغة الترميز HTML.

دعونا نلقي نظرة على مثال لإرسال رسالة من نموذج عبر البريد الإلكتروني.

قائمة e_mail.html.إرسال رسالة من النموذج عبر البريد الإلكتروني

إرسال النموذج عن طريق البريد الإلكتروني

انقر فوق إعادة تعيين واملأ الطلب.


إذا قمت بمعالجة كود HTML هذا باستخدام متصفح، فسيتم عرض صفحة ويب، والتي يمكن رؤيتها على شاشة المراقبة:

ينقر المستخدم على زر "إعادة ضبط"، وتأخذ الحقول قيمها الافتراضية. يتم تعبئة النموذج من قبل المستخدم، وبنقرة زر واحدة "إرسال الطلب"تم الإرسال إلى عنوان البريد الإلكتروني هذا محمي من روبوتات السبام. لرؤيتها، يجب عليك تمكين جافا سكريبت. عادةً، لا يرسل المتصفح النموذج نفسه، ولكنه يعهد بهذا العمل إلى برنامج البريد الإلكتروني المثبت افتراضيًا على نظام تشغيل الكمبيوتر (على سبيل المثال، Outlook). يتم إرسال الرسالة في النموذج:

الموضوع: النموذج المقدم من Microsoft Internet Explorer

الاسم = بروخوروف فيكتور سيرجيفيتش

value= عنوان البريد الإلكتروني هذا محمي من روبوتات السبام. لمشاهدته، يجب عليك تمكين جافا سكريبت

obj = "المبادئ التوجيهية"

تتكون الرسالة من أزواج الاسم = القيمة، والتي يتم تحديدها بالترتيب من حقول النموذج.

دعونا نلقي نظرة فاحصة على المثال التالي.

قائمة form_1.html

أدخل اسمك:

حفظ هذا الرمز في ملف HTML form_1.htmlومشاهدته باستخدام المتصفح، يمكنك رؤية نموذج HTML:

يتم تنفيذ النموذج بواسطة علامة حاوية . تشير العلامة بخصائصها إلى:

عنوان البرنامج النصي الذي سيتم إرسال النموذج إليه؛

طريقة الإرسال وخصائص البيانات الواردة في النموذج. ابتدائي والنهائي تحدد العلامات حدود النموذج. بيانهم إلزامي.

سمات علامة الحاوية
(
الكل اختياري):

? فعل- سمة قيمتها عنوان URL-العنوان (الكامل أو النسبي) للطالب CGI-البرامج. سيقوم هذا البرنامج بمعالجة البيانات الموجودة في النموذج. من المقبول استخدام الإدخال ميلتو: URL.وفي هذه الحالة سيتم إرسال النموذج عبر البريد الإلكتروني. إذا السمة فعللا تحدد، سيتم إرسال محتويات النموذج إلى عنوان URLالعنوان الذي تم تحميل صفحة الويب هذه منه، أي "إلى نفسها". هذا اختصار مناسب، ولكن وفقًا لمعيار HTML للسمة فعلمطلوب.

? طريقة- يحدد الطريقة HTTP، يستخدم لإرسال بيانات النموذج من المتصفح إلى الخادم. يصف طريقةيمكن أن يأخذ معنيين: يحصلأو بريد:

¦ يحصل- إرسال بيانات النموذج في شريط العناوين. ربما لاحظت على مواقع الويب المختلفة وجود علامة "؟" في نهاية عنوان URL. والبيانات التالية بالتنسيق المعلمة=القيمة.هنا "المعلمة"يطابق قيمة السمة اسمعناصر النموذج (انظر أدناه حول العلامة )، أ "معنى"- محتوى السمة قيمة(يحتوي، على سبيل المثال، على إدخال المستخدم في حقل نصي لنفس العلامة ).

على سبيل المثال، حاول البحث عن شيء ما في Yandex وانتبه إلى شريط العناوين في متصفحك. هذه هي الطريقة يحصل.

¦ بريد- يتم إرسال بيانات النموذج في نص الطلب. إذا لم يكن الأمر واضحًا تمامًا (أو غير واضح تمامًا) فلا تقلق، فسنعود إلى هذه المشكلة قريبًا.

إذا السمة طريقةغير محدد - ضمني "يحصل".

? com.enctype- سمة اختيارية. يحدد نوع محتوى النموذج المستخدم لتحديد تنسيق الترميز عند إرساله. في HTMLتم تحديد قيمتين محتملتين للسمة com.enctype:

¦ التطبيق/X-WWW-FORM-URLENCODED(تقصير).

¦ بيانات متعددة الأجزاء/النموذج.

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

علامة - يحدد عنصر النموذج المحدد بواسطة السمة يكتب:

¦ المعنى "نص"يحدد حقل إدخال نص من سطر واحد.

¦ المعنى "يُقدِّم"يحدد زرًا يرسل النموذج إلى الخادم عند النقر عليه.

القيم الأخرى ممكنة (و - ليست العلامة الوحيدة التي تحدد عنصر النموذج)، ولكننا سننظر إليها في الفصول التالية.

إذن ماذا يحدث عند النقر على زر موافق؟

1. ينظر المتصفح إلى العناصر المضمنة في النموذج ويقوم بالإنشاء من خلال سماتها اسمو قيمةبيانات النموذج. لنفترض أنه تم إدخال الاسم فاسيا. في هذه الحالة، بيانات النموذج: name=فاسيا&okbutton=OK.

2. يقوم المتصفح بإنشاء اتصال بالخادم، ويرسل طلبًا إلى الخادم للمستند المحدد في السمة فعلعلامة باستخدام طريقة إرسال البيانات المحددة في السمة طريقة(في هذه الحالة - يحصل)، تمرير بيانات النموذج في الطلب.

3. يقوم الخادم بتحليل الطلب المستلم وإنشاء استجابة وإرساله إلى المتصفح وإغلاق الاتصال.

4. يعرض المتصفح المستند المستلم من الخادم.

إرسال نفس الطلب يدويًا (باستخدام التلنت) يبدو هكذا (بافتراض أن اسم مجال الموقع هو www.example.com).

عادةً ما يكون النموذج نفسه مخصصًا لتلقي معلومات من المستخدم لإرسالها إلى الخادم، حيث يتم استلام بيانات النموذج بواسطة برنامج المعالج. يمكن كتابة مثل هذا البرنامج بأي لغة برمجة من جانب الخادم مثل PHP وPerl وما إلى ذلك. تتم الإشارة إلى عنوان البرنامج في سمة الإجراء الخاصة بالعلامة ، كما هو موضح في المثال 1.

مثال 1: إرسال بيانات النموذج

HTML5 IE Cr Op Sa Fx

بيانات النموذج



في هذا المثال، سيتم تمرير بيانات النموذج المشار إليها بواسطة سمة الاسم (تسجيل الدخول وكلمة المرور) إلى الملف الموجود على /example/handler.php. إذا لم يتم تحديد سمة الإجراء، فسيتم النقل إلى عنوان الصفحة الحالية.

يتم النقل إلى الخادم بطريقتين مختلفتين: GET وPOST لتعيين الطريقة في العلامة
يتم استخدام سمة الطريقة، وقيمها هي الكلمات الرئيسية للحصول على ونشر. إذا لم يتم تحديد سمة الطريقة، فسيتم إرسال البيانات افتراضيًا إلى الخادم باستخدام طريقة GET. في الجدول ويبين الشكل 1 الاختلافات بين هذه الأساليب.

يمكن تحديد الطريقة المستخدمة بسهولة من خلال شريط عنوان المتصفح. إذا ظهرت علامة استفهام فيها وكان العنوان يبدو هكذا، فهذا بالتأكيد GET.

http://www.google.ru/search?q=%D1%81%D0%B8%D1%81%D1%8C%D0%BA%D0%B8&ie=utf-8

تعمل مجموعة فريدة من المعلمات الموجودة في شريط العناوين على تحديد الصفحة بشكل فريد، لذا فإن الصفحات ذات العناوين ?q=node/add و?q=node تعتبر مختلفة. يتم استخدام هذه الميزة من قبل أنظمة إدارة المحتوى (CMS، نظام إدارة المحتوى) لإنشاء العديد من صفحات الموقع. في الواقع، يتم استخدام ملف واحد يتلقى طلب GET ويقوم، وفقًا له، بإنشاء محتويات المستند.

فيما يلي قائمة بالتطبيقات النموذجية لهذه الطرق على المواقع.

يحصل

نقل البيانات النصية الصغيرة إلى الخادم؛ بحث الموقع.

يتم دائمًا إرسال محركات البحث ونماذج بحث الموقع باستخدام طريقة GET، مما يتيح لك مشاركة نتائج البحث مع الأصدقاء أو إرسال رابط عبر البريد أو نشره في المنتدى.

بريد

نقل الملفات (الصور، الأرشيف، البرامج، الخ)؛ إرسال التعليقات؛ إضافة وتحرير الرسائل في المنتدى والمدونة.

بشكل افتراضي، تتم معالجة النموذج في علامة تبويب المتصفح الحالية، ومع ذلك، عند إرسال النموذج، يمكنك تغيير هذه المعلمة وفتح معالج النموذج في علامة تبويب أو إطار جديد. ويتم تحديد هذا السلوك من خلال "اسم السياق"، وهو قيمة السمة المستهدفة للعلامة . تكون القيم الشائعة فارغة لفتح النموذج في نافذة أو علامة تبويب جديدة، واسم الإطار الذي يتم تحديده بواسطة سمة الاسم للعلامة



في هذا المثال، عند النقر فوق زر إرسال، يتم فتح نتيجة إرسال النموذج في إطار يسمى المنطقة .

يتم وضع عناصر النموذج بشكل تقليدي داخل العلامة
وبالتالي تحديد البيانات التي سيتم نقلها إلى الخادم. وفي الوقت نفسه، يتمتع HTML5 بالقدرة على فصل النموذج عن عناصره. يتم ذلك من أجل الراحة والتنوع، لذلك قد يحتوي التخطيط المعقد على عدة نماذج لا ينبغي أن تتقاطع مع بعضها البعض، أو على سبيل المثال، يتم عرض بعض العناصر باستخدام البرامج النصية في مكان واحد من الصفحة، ويقع النموذج نفسه في مكان آخر . يتم الاتصال بين النموذج وعناصره في هذه الحالة من خلال معرف النموذج، ويجب إضافة سمة النموذج بقيمة تساوي هذا المعرف إلى العناصر (المثال 3).

مثال 3: ربط النموذج بالحقول

HTML5 IE Cr Op Sa Fx

استمارة



في هذا المثال العلامة
يتم تعريفه بشكل فريد من خلال معرف المصادقة، ويتم إضافة النموذج = "auth" إلى الحقول التي يجب إرسالها عبر النموذج. في هذه الحالة، لا يتغير سلوك العناصر؛ عند النقر على الزر، يتم إرسال معلومات تسجيل الدخول وكلمة المرور إلى معالج Handler.php.

على الرغم من أن معلمات نقل النموذج محددة تقليديًا في العلامة ، ويمكن أيضًا نقلها إلى أزرار إرسال النموذج (

اسمك: عنوانك: يرسل: