How to Remove X and Y on Submit in HTML Form with Image Type Button

How to remove x and y on submit in HTML form with Image type button?

You'll always get mouse co-ordinates for a submit button type="image"

You can use a standard submit type button and just apply styles to it to change the look.

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

button image as form input submit button?

You could use an image submit button:

<input type="image" src="images/login.jpg" alt="Submit Form" />

Remove submit.x and submit.y but retain other values in URL

You could use:

<button type="submit"><img src="../images/book-btn.gif" alt="Book" /></button>

and then use appropriate CSS to remove the button element's default styling such as borders.

How Does Digg remove &x=0&y=0 from their Search Results URL?

Digg is using JavaScript to do that. Try submitting the search form with JavaScript disabled in your browser.

How do I use an image as a submit button?

Use an image type input:

<input type="image" src="/Button1.jpg" border="0" alt="Submit" />

---

The full HTML:

<form id='formName' name='formName' onsubmit='redirect();return false;'>  <div class="style7">    <input type='text' id='userInput' name='userInput' value=''>    <input type="image" name="submit" src="https://jekyllcodex.org/uploads/grumpycat.jpg" border="0" alt="Submit" style="width: 50px;" />  </div></form> 

Why are there extra parameters x and y on my GET request?

It's all ok. Look at:

http://www.w3.org/TR/html401/interact/forms.html#h-17.4.1

When a pointing device is used to click on the image, the form is submitted and the click coordinates passed to the server. The x value is measured in pixels from the left of the image, and the y value in pixels from the top of the image. The submitted data includes name.x=x-value and name.y=y-value where "name" is the value of the name attribute, and x-value and y-value are the x and y coordinate values, respectively.

Displaying an image after pressing submit html

do all that in jquery.

if (name==null || name=="")
{
alert("First name must be filled out");
return false;
}
else
{
$('#image1').show()
}

input type=image vs type=submit

You could also just check the list of form fields to see if it contains the string "Update." Something like:

<cfif StructKeyExists(form,"fieldnames") and form.fieldnames contains "Update">
<!--- Do Update --->
<cfelseif StructKeyExists(form,"fieldnames") and form.fieldnames contains "Delete">
<!--- Do Delete --->
</cfif>

Form.fieldnames contains all the names of the form fields that were submitted.

---

Related Topics