[HTML 5] 兩種不同的 form SUBMIT

　　話說 HTML 5 推廣一陣子囉！我還是只會使用舊有方法編輯 html 檔案。直到最近，公司的專案請外包廠商編寫 CSS + html，我才發現一個 form submit 可以有兩種不同寫法。

首先，介紹舊有寫法：

<form name="example" method="post (get)" action="form action">
    <!-- FORM 內容 -->
    <input type="submit" name="btn_name" value="Submit" />
</form>

最近學到的新方法：

<form id="example" method="post (get)" action="form action">
    <!-- FORM 內容 -->
</form>
<button type="submit" form="example">Submit</button>

有沒有發現什麼不一樣呢？

答案是 HTML 5 的 button 標籤可以寫在 from 的外頭，透過 button 標籤裡的 form 參數作為按鍵與表單的連結。請注意， button form 參數的值必須等同於表單的 id。

想更了解 <button> 如何使用嗎？請參考這裡。