ما هو الغرض من استخدام <input type=“image” /> عادةً؟

StackOverflow https://stackoverflow.com/questions/1630871

  •  06-07-2019
  •  | 
  •  

سؤال

لقد نقرت عليه وتم إرسال النموذج مع سلسلة استعلام ملحقة به x=1&y=2 إلى عنوان URL المستهدف بواسطة إجراء النموذج.

لماذا؟

هل كانت مفيدة؟

المحلول

وانها تتصرف مثل imagemap من مصغرة. وهذا حسب التصميم.

نصائح أخرى

والقيم x وy هي احداثيات مؤشر الماوس نسبة إلى العنصر عند النقر عليها.

HTML 4.02 مواصفات :

<اقتباس فقرة>   

وعندما يتم استخدام جهاز تأشير للنقر على الصورة، يتم إرسال النموذج والنقر الإحداثيات التي تم تمريرها إلى الخادم. يتم قياس قيمة x في بكسل من يسار الصورة، وقيمة ص بالبكسل من الجزء العلوي من الصورة. وتشمل البيانات المقدمة name.x = س القيمة وname.y = قيمة y-حيث "اسم" هي قيمة السمة اسم، و x القيمة وقيمة y-هي x و y تنسيق القيم، على التوالي.

<اقتباس فقرة>   

وIMAGE هي قيمة السمة نوع إلى العنصر INPUT للنماذج. وهي تحدد الصورة التي يمكن النقر عليها لتمرير المعلومات إلى البرنامج النصي المعالجة. وتنفيذا، وهذا شكل نوع يتصرف مثل الكثير من نوع INPUT = الحقل تقدم، ولكن على عكس ترسل أي مجال، يتم إرسال إحداثيات الصورة التي تم تفعيلها مرة أخرى إلى الخادم بالإضافة إلى بقية بيانات النموذج.

eskimo.com

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

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

<input type="image" name="restore" value="Restore" src="...">

عندما ينقر المستخدم، ستعيد موزيلا القيم

استعادة = استعادة

Restore_x = عدد البكسلات من أعلى الصورة

Restore_y = عدد البكسلات من الحافة اليسرى للصورة

IE، ومع ذلك، سوف لا إرجاع الاستعادة = استعادة مفتاح/قيمة القالب.لذلك يمكن أن يتم القبض عليك إذا قمت بالتطوير في متصفح واحد ثم قمت بالاختبار في IE، لأنه

isset($_POST['restore'])

سيعود دائمًا خطأ في IE، ولكنه سيعمل كما هو متوقع في Mozilla (وربما Opera ولكني لا أعرف من أعلى رأسي).

  • من منشور في منتدى webmasterworld.com عام 2004، بحثت للتو في Google

وهذه هي الإحداثيات التي قمت بالنقر على صورة، خاصية "صورة" نوع من مراقبة المدخلات. يمكنك تجاهل هذه إذا لم يكن في حاجة إليها.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top