2012-04-03 3 views
2

В приведенном ниже скрипте кнопка сброса также действует как кнопка отправки. Где могла быть проблема? Благодарю.Кнопка сброса, действующая как кнопка отправки

HTML

<input type="image" name="submit" value=" " src="image.png"> 
    <input type="image" name="reset" value=" " src="reset.png"> 

Спасибо за ваше время.

+3

В качестве альтернативы, кнопки сброса в формах - это 1990-е годы. Взгляните на эту статью: http://www.useit.com/alertbox/20000416.html и подумайте над тем, чтобы не включать эту неуклюжую вещь в вашу форму, чтобы начать с :) –

ответ

3

Входы изображения типа всегда действуют как кнопки отправки.

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

Опцией было бы добавить обычную кнопку сброса и заменить ее с помощью введенного изображения или изображения с помощью JavaScript после загрузки DOM. Это заставит его работать с браузерами без JavaScript (они получают кнопку сброса по умолчанию), а также с включенным JavaScript.

2

Проблема заключается в том, что с помощью definition

<input type="image" /> 

Определяет кнопку отправки.

0

Это предполагаемое поведение.

Входной элемент с атрибутом типа, значение которого равно «образ» представляет собой либо изображение, из которого UA позволяет пользователю в интерактивном режиме выбрать пару координат и отправить форму, или альтернативно кнопка из которого пользователь может подать форму.

Источник: http://www.w3.org/TR/2012/WD-html-markup-20120329/input.image.html

0

Чтобы сделать кнопку сброса, вы должны использовать

<input type="reset" value="Reset"> 

с type="image" действует как кнопка отправки.

Смежные вопросы