Форма почты проблема с изображением кнопки в FireFox и Chrome добавляет x = y =

Question

Когда я использую mailto с кнопкой изображения формы в FireFox или Chrome, я получаю текст типа «x = 101 y = 15», добавляемый в конец основного текста. Значения x & y меняются каждый раз.

Обычная кнопка отправки работает нормально. IE (на этот раз) понимает это правильно.

Что-то не так с моим кодом?

В приведенном ниже примере есть обычная кнопка отправки и кнопка изображения.

<form action="mailto:example@gmail.com?subject=my subject line&body=my body text" method="post" enctype="text/plain">
<input type="submit" value="Thank you.">
<input type="image" src="image1.png"  onmouseover="this.src='image2.png';"   onmouseout="this.src='image1.png';" alt="Submit"> 
</form>

Answer 1

Спасибо, ребята. Я решил использовать тег BUTTON , чтобы избежать проблемы x = y =, но мне пришлось использовать CSS, чтобы скрыть кнопку по умолчанию:

<form action="mailto:example@gmail.com?subject=my subject line&body=my body text" method="post" enctype="text/plain"  >
<button type="submit" style= "background-color:#ffffff; border:0px; margin:0px;">
<img src="image1.png" onmouseover="this.src='image2.png';" onmouseout="this.src='image1.png';" alt=""/>
</button>
</form>

Answer 2

Такое поведение задуманно.

Когда пользователь нажимает кнопку изображения, браузер отправляет координаты, по которым он щелкнул, на сервер.

Answer 3

От w3 характеристики :

Элемент INPUT с TYPE=IMAGE' specifies an image resource to display, and allows input of two form fields: the x and y coordinate of a pixel chosen from the image. The names of the fields are the name of the field with .x 'и .y' appended. TYPE = IMAGE' подразумевает `TYPE = SUBMIT ' обработка; то есть, когда пиксель выбран, форма в целом представленный.

Возможно, работает нормально в IE в вашем случае, но не так, как задумано.