Кнопка HTML формы против ввода типа = "отправить" против this.submit ()?

Question

Каков соответствующий семантический способ соответствия стандартам для добавления кнопки отправки в форму?Мне не нужны изображения или фон в кнопках, просто текст, возможно, градиентный фон с изогнутыми углами (с использованием CSS3).Вот способы, которые я знаю:

<input type="submit" value="click here"/>

<button>click here</button>

<span class="button">click here</span>
<script>
$('.button').click(function() {
  this.submit();
}
</script>

Я бы подумал, что input type = "submit" - это правильная кнопка, так как для этого она была разработана?

Answer 1

Стандарт, конечно, использует <input type="submit" value="click here"/>

Кнопка с функцией javascript больше не будет работать, если javascript отключен

<input type="image" src="button_image_url"/>

действует так же, как кнопка отправки, если вам когда-либо нужны изображения, чтобы сделать их более причудливыми, если вам лень стилизовать их с помощью CSS

В вашем случае, я предполагаю, что вам сложно стилизовать кнопку отправки. Если так, то вот ссылка , которую я всегда использовал, пока jquery-ui не появился на сцене.