html表單按鈕vs輸入type =“ submit” vs 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>

我認為輸入type =“ submit”是正確的按鈕，因為這是設計的目的？

Answer 1

該標准當然是使用<input type="submit" value="click here"/>

如果禁用了javascript，則帶有javascript功能的按鈕將無法再使用

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

如果您懶於使用CSS設置樣式，則在需要圖像使其更加精美時，其行為與提交按鈕相同。

就您而言，我認為您很難設計提交按鈕的樣式。 如果是這樣，那么在jquery-ui出現之前，這一直是我一直使用的參考 。