常使用到的 HTML 表單元素

<input> 
<label> 
<select> 
<textarea> 
<button>

還有其他完整的表單元素

對我來說常容易搞混或是較不熟悉的是表單元素中的屬性
像是 input 元素，
w3cschool 的範例：

<label for=“fname”>First name:</label>
<input type=“text” id=“fname” name=“fname”>

其中的 input 中的 type 屬性可以使用的有很多，因初學時不知道原來有不同的 type 屬性值可以使用，只大概知道可以使用多選或單選的 input ，因此都沒有特別設定，這邊就記錄一下 type 屬性的其中一些屬性值

• 輸入 email

<input type="email">

• 多選的勾選框

<input type="checkbox">

• 單選 input

<input type="radio">

• 輸入密碼

<input type="password">

• 輸入電話

<input type="tel">

• 關於信用卡號輸入，有看過可使用type="tel"，自己有使用過type="number" 在 chrome 瀏覽器會出現儲存過的信用卡號提示

• 選取範圍

<input type="range">

• 搜尋框

<input type="search">

• 選擇時間

<input type="time">

• 上傳檔案

<input type="file">

• 選擇顏色

<input type="color">

• 按鈕

<input type="button" value="按鈕”>

也可使用 <button>

<button type="button">按鈕</button>

• 重置按鈕

<input type="reset">

• 選擇月份

<input type="month">

• 輸入 url

<input type="url">

參考來源：
HTML Form Elements
HTML Input Types
input: The Input (Form Input) element
HTML常用標籤認識