كيفية إزالة x و y على تقديم في شكل HTML مع زر نوع الصورة؟

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

  •  03-07-2019
  •  | 
  •  

سؤال

ولقد خلق نموذج في طلبي كما يلي:

<form action="/search/" method="get">
   <input id="search-box" name="search" type="text" size=30 title="Search" value="" />
   <input id="search-submit" type="image" alt="Search" src="/images/search-button.gif" /> 
</form>

ولكن عندما أكون تقديم مستواي ثم يتم إنشاء URL على النحو التالي:

mysitename.com/search/?search=hello&x=0&y=0

ويمكن لأي شخص من فضلك قل لي لماذا هذا x و y يأتي في URL بلدي. على أكثر من شيء بدلا من زر الصورة إذا أنا تغيير قانون بلدي شكل على النحو التالي ثم في العمل غرامة،

<form action="/search/" method="get">
   <input id="search-box" name="search" type="text" size=30 title="Search" value="" />
   <input id="search-submit" type="submit" value="Search"/> 
</form>

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

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

المحلول

ينسق

وعليك دائما الحصول على الماوس لنوع زر الإرسال = "صورة"

ويمكنك استخدام معيار تقديم زر نوع ومجرد تطبيق أساليب إليها لتغيير نظرة.

<input type="submit" id="search-submit" value=""
    style="background-image: url(/images/search-button.gif); border: solid 0px #000000; width: WIDTHpx; height: HEIGHTpx;" />

نصائح أخرى

وهم إحداثيات الماوس من فوق. لا أعتقد أن هناك أي طريقة لمنعهم - إذا كنت تستخدم <input type='image'> ثم الحصول عليها. لماذا هي المشكلة؟ لا يمكن لك تجاهلها؟

وردا على تعليق براشانت ل: الصورة تقوم بإضافة معالج onclick إلى <input> (أو ربما معالج onsubmit إلى النموذج) الذي يبني URL البحث تبحث أنيق وإعادة توجيه المتصفح إلى أن URL، ثم يعود false لمنع <input> من تقديم النموذج نفسه. إذا قمت بإيقاف تشغيل الجافا سترى أن كنت لا تحصل على المعلمات x وy في URL. ذكي!

document.getElementById("formid").submit = function() {
    location = "/search/?search=" + encodeURIComponent( document.getElementById("search-box").value );
    return false;
};

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

وعلى سبيل المثال:

<input type="image" value="submit" src="sup.png" name="supprimer" />

وسيعود فب $_POST['supprimer'] متغير وليس في تنسيق مثل زر الصورة. نأمل أن تكون هذه خدعة مساعدتك.

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