Разница между HTML формами представить теги

Question

, насколько я знаю, что есть три способа представить форму HTML без JS или клавиатур:

 
1. input type=submit 
2. button tag 
3. input type=image 

есть другой способ, чтобы создать элемент, направляющее форму на нажат? Правильно ли обрабатывать тег кнопки (type = submit) тот же, что и тип ввода = submit (я имею в виду, если мы отбросим кнопку факта, может содержать внутренний html, мы можем просто заменить buttoninput type="submit" и форма будет отправлена ​​правильно)? Добавляет name.x и name.y только разницу при использовании input type = image?

Answer 1

1. Не то, что я знаю, те должны быть только чистые HTML способы представить форму, кроме непосредственно вызова метода, который является внутренним Javascript представить, но это то, что кнопка отправки делает в любом случае.
2. Элемент кнопки имеет проблемы в обозревателе Internet Explorer, в отношении которого значение передается, я не рекомендую использовать его .
3. Да, они в значительной степени то же самое
4. Насколько я знаю, типа входа = изображение точно так же, за исключением того, что она посылает те дополнительная координата параметров, которые вы можете игнорировать на серверной стороне .

Answer 2

1. С помощью JavaScript вы можете вызвать метод представить формы. Однако этого следует избегать, поскольку он не будет работать, если пользователь отключил JavaScript.

2. Нет, потому что тегу кнопки можно присвоить значение, отличное от текста, отображаемого на кнопке, не говоря уже о способности тега <button> встроить HTML. (Например, <button type="submit"><img src="submit.png" alt="Submit"></button>).

3. Да, основной особенностью <input type="image"> является добавление координат x и y.

Answer 3

Вы можете использовать JavaScript для его имитации. Я бы взял <input type="submit"> и заменил его на элемент, с которым вы хотите отправить форму, поэтому он доступен для пользователей без JavaScript.

<input type="submit" id="submit-button" value="submit" /> 

Затем в JavaScript (с помощью JQuery в данном примере):

$('#submit-button').remove().after('<a href="#" id="submit-link">Submit form</a>'); 
$('#submit-link').click(function(event){ 
    event.preventDefault(); 
    $('#submit-link').closest('form').submit(); 
});