Question

I have a search form

<!-- SEARCH -->
<form name="search" class="search" action="/search/" method="get">
    <input type="text" size="20" name="keywords" class="searchfield" value="Search for Property" onclick="clearSearchField()" title="Enter search keywords here. Ex- project name, city, state, etc." />
    <input type="image" src="/media/images/elements/search_icon.png" alt="Search" title="Click here to search" class="searchbutton" />
</form>

When I submit, besides keywords I get two extra variables x and y in the query string –

http://127.0.0.1/search/?keywords=Search+for+Property&x=6&y=7

Why?

EDIT
Changing the value of keywords does change the value of x and y

http://127.0.0.1/search/?keywords=foo&x=0&y=0

Answer 1

Using type="image" will submit the x and y coordinates of where the button was clicked.

It’s not really necessary unless you need this information for some reason, if you need the appearance of an image you can use CSS to style it, or use the <button> tag which allows HTML content.