So entfernen Sie x und y beim Senden im HTML-Formular mit der Schaltfläche Bildtyp?

Question

Ich habe ein Formular in meiner Anwendung wie folgt erstellt:

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

Aber wenn ich meine Form vorlege dann wird URL wie unten erstellt:

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

Kann mir jemand bitte sagen, warum das x und y kommt in meine URL. statt Bild Taste auf weitere Sache, wenn ich die Änderung meiner Form Code wie unten dann seine Arbeit gut,

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

aber ich brauche ein Bild-Taste, um meine Form zu machen gut aussehen. Bitte sagen Sie mir, wie Sie diese X- und Y-Parameter von der URL entfernen können.

Answer 1

Sie werden immer Maus-Koordinaten erhalten für einen Knopf submit = „image“

Sie einen Standard verwenden können Typ Submit-Button und nur Arten, um es anwenden um das Aussehen zu verändern.

<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

Sie sind die Mauskoordinaten des Klicks. Ich glaube nicht, dass es einen Weg gibt, sie zu verhindern - wenn Sie eine <input type='image'> verwenden, dann bekommen Sie sie. Warum ist das ein Problem? Kannst du sie nicht einfach ignorieren?

Answering Prashant Kommentar: Digg hinzufügen eine onclick Handler die <input> (oder möglicherweise ein onsubmit Handler Form), die das ordentlich aussehende Such-URL erstellt und leitet den Browser auf diese URL, und dann kehrt false zu verhindern, die <input> vom Senden des Formulars selbst. Wenn Sie JavaScript deaktivieren, sehen Sie, dass Sie die Parameter x und y in der URL erhalten. Klug!

Answer 3

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

Answer 4

Sie können einfach einen Wert für eine Bild Taste eingestellt, dies wird die reguläre Koordinaten Verhalten außer Kraft setzen. Es hat für mich funktioniert.

Zum Beispiel:

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

kehren das PHP-Variable $_POST['supprimer'] und nicht seine als Bildknopf koordinieren. Hoffe, dieser Trick wird dir helfen.