Image submit button and remove x, y parameter


I have the code above at
if I click the button it shows not only key parameter but also x,y parameter.
How can I remove the both x and y parameters at url?


Simple - don’t use input type=“image”. :rofl:

<html lang="en">

<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">

<title>untitled document</title>

<!--<link rel="stylesheet" href="screen.css" media="screen">-->

<style media="screen">

body {
    background-color: #f9f9f9;
    font: 100% / 162% BlinkMacSystemFont, -apple-system, 'Segoe UI', roboto, helvetica, arial, sans-serif;

input[type="submit"] {
    width: 2em;
    height: 2em;
    border :0;
    background-color: transparent;
    background-image: url( );
    background-size: cover;
    cursor: pointer;


 <form action="#">
  <input type="text" name="key">
  <input type="submit" value="">


Of course, the only problem with this is that the
button disappears with image failure. :winky:

I would suggest that you stop worrying about
the x and y. and stay with the type=“image”

Also add an alt attribute to the element for
good accessibility.



Thank you, coothead.

I made a page at with your code.
it is succesfully removed the x and y parameter. but I cannot see the image in the submit button at the page although the internet address of the image is correct.


Hi there joon,

in your CSS you have used

input<type="submit"> {

It should be…

input[type="submit"] {

Also read the comments that I added
at the end of my previous post.



Now it works. Thank you very much