Проблема с формой mailto с кнопкой изображения в FireFox и Chrome добавляет x= y=

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

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

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

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

<form action="mailto:[email protected]?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>

person Dan    schedule 16.06.2011    source источник


Ответы (3)


Такое поведение является особенностью.

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

person SLaks    schedule 16.06.2011

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

<form action="mailto:[email protected]?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>
person Dan    schedule 17.06.2011

Из спецификаций 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 работает нормально, но не так, как предполагалось.

person Niklas    schedule 16.06.2011