HTML نماذج الدروس
ميزة مشتركة لمواقع الويب التي يصارعها العديد من مصممي الويب الجدد هي أشكال. قد ترغب في إضافة نموذج إلى موقع الويب الخاص بك كطريقة بسيطة ليتمكن الأشخاص من الاتصال بك لطرح الأسئلة أو التعبير عن الاهتمام بالمنتجات أو الخدمات التي تقدمها. للأسف ، قد تكون البرامج التعليمية عبر الإنترنت حول كيفية إضافة نماذج الموقع المعقدة محيرة وتحوِّل محترفي الويب الجديدين.
لا يجب أن يكون من الصعب التعامل مع نماذج الويب ، حتى بالنسبة إلى webbies الجديدة.
تعتبر نماذج Mailto طريقة سهلة لعمل النماذج. يعتمدون على عملاء البريد الإلكتروني لإرسال بيانات النموذج من كمبيوتر العميل إلى مالك النموذج. بيانات النموذج التي يكملها مستخدم الموقع هي البريد الإلكتروني إلى عنوان محدد كما هو محدد في الترميز الخاص بالنموذج.
إذا كنت جديدًا في تصميم الويب ولا تعرف كيفية برمجة تفاعلات أكثر تعقيدًا ، أو إذا كنت تقوم بتشغيل موقع ويب صغير وترغب فقط في طريقة بسيطة لإضافة نموذج ، فإن وجود نموذج mailto كنموذج اتصال يكون كثيرًا أسهل من تعلم الكتابة PHP. كما أنها أرخص من شراء قطعة مكتوبة مسبقًا للقيام بذلك نيابة عنك.
باستخدام هذا البرنامج التعليمي السريع ، تعرف على كيفية استخدام نماذج mailto. حتى إذا لم تكن قد فعلت ذلك من قبل ، فإن إتقان التقنية أمر سهل وبالتأكيد في مجال "تصميم الويب المبدئي".
ابدء
يمكن أن تمثل نماذج HTML تحديًا لمطوري الويب الجدد لأنها تتطلب أكثر من مجرد تعلم ترميز HTML. بالإضافة إلى عناصر HTML اللازمة لإنشاء النماذج وحقولها ، يجب أن يكون لديك أيضًا طريقة للحصول على النموذج "للعمل". يتطلب هذا عادة الوصول إلى برنامج نصي CGI أو برنامج آخر لإنشاء في سمة "الإجراء" من النموذج.
هذا الإجراء هو كيف يعالج النموذج البيانات وماذا يفعل معها بعد ذلك (الكتابة إلى قاعدة بيانات ، وإرسال بريد إلكتروني ، وما إلى ذلك)
إذا لم يكن لديك إمكانية الوصول إلى نص برمجي من شأنه أن يجعل النموذج يعمل ، فهناك إجراء نموذج واحد تدعمه معظم المتصفحات الحديثة.
action = " mailto: youremailaddress "
هذه طريقة بسيطة للحصول على بيانات النموذج من موقعك على الويب إلى بريدك الإلكتروني.
من المسلم به أن هذا الحل محدود للغاية فيما يمكن أن يفعله ، ولكن بالنسبة للمواقع الصغيرة للغاية ، يعد ذلك مكانًا جيدًا للبدء.
الحيل لاستخدام أشكال Mailto
استخدم سمة enctype = "text / plain"
يخبر هذا المتصفح وبرنامج البريد الإلكتروني أن النموذج يرسل نصًا عاديًا بدلاً من أي شيء أكثر تعقيدًا. ترسل بعض المتصفحات وعملاء البريد الإلكتروني بيانات نموذجية مشفرة لصفحات الويب . هذا يعني أنه يتم إرسال البيانات كخط طويل واحد ، يتم استبدال المسافات زائد (+) ويتم ترميز الأحرف الأخرى. يساعد استخدام السمة enctype = "text / plain" على تسهيل قراءة البيانات.
استخدم طريقة GET أو POST
على الرغم من أن طريقة POST تعمل أحيانًا ، إلا أنه غالبًا ما يؤدي إلى فتح المتصفح لنافذة بريد إلكتروني فارغة. إذا حدث ذلك لك باستخدام طريقة GET ، فحاول التبديل إلى POST.
نموذج نموذج Mailto
في ما يلي نموذج عينة باستخدام الإجراء mailto (ملاحظة - هذا ترميز بسيط للغاية. من الناحية المثالية يمكنك ترميز حقول النموذج هذه باستخدام المزيد من العلامات الدلالية والعناصر ، ولكن هذا المثال كافٍ لنطاق هذا البرنامج التعليمي):
اسمك الأول:
اسم العائلة:
التعليقات:
form>
سيرى عملاؤك رسالة تفيد بأن النموذج يتم إرساله عبر البريد الإلكتروني. هذا ما تبدو عليه النتائج:
FIRST_NAME = جنيفر
LAST_NAME = Kyrnin
comments = مرحبًا!
ملاحظة خاصة حول نماذج Mailto
مرة أخرى ، هذه الطريقة ، في حين أنها سهلة ، كما أنها محدودة للغاية. من الواضح أنه من المهم ملاحظة أن نماذج mailto لا تعمل دائمًا مع جميع مجموعات المتصفحات وعملاء البريد الإلكتروني. إذا كنت قد حاولت استخدام نموذج mailto ولم تكن ناجحة ، فقد يكون هذا هو السبب في ذلك - قد يكون هناك مزيج من التكنولوجيا التي تتسبب في فشل الوظيفة. للحصول على معلومات أكثر تفصيلاً حول ما قد يتداخل مع محاولة استخدام هذا النموذج ، راجع " عند عدم عمل نماذج Mailto ."
في حين أن هذه الطريقة هي أول محاولة جيدة لإنشاء نماذج الويب التي تنشئ بريدًا إلكترونيًا وإرسال بيانات النموذج ، كلما أصبحت أكثر تقدمًا في مهاراتك على الويب ، ستحتاج بالتأكيد إلى استكشاف خيارات أكثر قوة. من البرامج النصية لـ CGI إلى نماذج PHP إلى أنظمة CMS التي تحتوي على عناصر واجهة مستخدم مدمجة ، لديك الكثير من الخيارات المتقدمة التي يجب وضعها في الاعتبار لاحتياجاتك المستقبلية من نموذج الموقع!
المقالة الأصلية لجنيفر كرينين. حرره جيريمي جيرارد في 9/12/17