Comment supprimer x et y lors de l'envoi au format HTML avec le bouton Type d'image?

Question

J'ai créé un formulaire dans mon application comme suit:

<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>

Mais quand je suis à l'envoi de mon formulaire, puis l'URL est créée en tant que ci-dessous:

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

Quelqu'un peut-il me dire pourquoi ce x et y est à venir dans mon URL. Sur plus de chose à la place de l'image bouton si je change mon code du formulaire ci-dessous puis son travail d'amende,

<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>

mais j'ai besoin d'une image de bouton pour faire mon formulaire de bonnes. S'il vous plaît dites-moi comment faire pour supprimer ces x et y de paramètres à partir de l'URL.

Answer 1

Vous aurez toujours les coordonnées de la souris pour un bouton d'envoi type = "image"

Vous pouvez utiliser un bouton de type de soumission standard et lui appliquer simplement des styles pour modifier son apparence.

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

Answer 2

Ils sont les coordonnées de la souris le clic. Je ne crois pas qu'il y a moyen de les prévenir - si vous utilisez un <input type='image'> puis de les obtenir. Pourquoi est-il un problème? Ne pouvez-vous pas tout simplement les ignorer?

Répondre à Prashant commentaire: Digg l'ajout d'un onclick gestionnaire à l' <input> (ou, éventuellement, un onsubmit gestionnaire de la forme) qui s'appuie neat-à la recherche des URL de recherche et redirige le navigateur vers l'URL, puis retourne false pour prévenir l' <input> de la soumission du formulaire lui-même. Si vous désactivez JavaScript, vous verrez que vous obtenez l' x et y des paramètres dans l'URL. Astucieux!

Answer 3

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