input標簽類型：button是一個沒有任何功能的按鈕，需要用javascript加上動作才可以使用。功能簡單，比起<button></button>是一個功能強大的按鈕，更美觀。 <input type="button" /> input標簽類型：checkbox是多選框 用label綁定inp ...
input標簽類型：text【文本框，能使用input自帶的正則（pattern），但不推薦使用自帶的正則，placeholder是占位符用於友好提示這文本框是做什麼用的】
<input type="text" name="uname" id="uname" value="" pattern="[a-z A-Z]{2,8}[0-9]{1-14}" placeholder="請輸入用戶名" />
input標簽類型：password【密碼框，輸出的內容所有都顯示為*號】
<input type="password" name="pass" id="pass" value="" />
input標簽類型：reset【重置按鈕，使所有input會到預設，value為按鈕提示的內容】
<input type="reset" name="pass" id="pass" value="重置" />
input標簽類型：submit【提交按鈕，把數據提交到伺服器上面】
<input type="submit" name="pass" id="pass" value=“提交” />
input標簽類型：radio【單選框，name屬性必須為一致】
<label for="wom">
男：<input type="radio" name="sex" id="wom" value="" />
</label>
<label for="man">
女：<input type="radio" name="sex" id="man" value="" />
</label>
input標簽類型：checkbox【覆選框，checked可以指定預設覆選框】
我是c位出道賊牛X的k公主：
<input type="checkbox" value="唱" checked/>
<input type="checkbox" value="跳" checked/>
<input type="checkbox" value="rap" checked/>
<input type="checkbox" value="籃球" checked/>
<input type="checkbox" value="來自美國" checked/>
input標簽類型：color【RGB顏色的選擇器，value能指定選擇器的預設顏色】
<input type="color" value="#FFFFFF" />
input標簽類型：file【能指定電腦中的文件。】
<input type="file">
file有2個屬性分別是：
multiple【多個文件可以被同時選中. 只要用戶所在的平臺允許 (摁住 Shift 或者 ctrl), 用戶可以選擇多個文件】寫法如下：
<input type="file" id="file" name="file" multiple />
accept【可以指定上傳文件的格式。例如指定是.jpg格式就只有jpg圖片可見】
<form action="">
<label for="file">
<input type="file" id="file" name="file" accept=".jpg,.jpeg,.png" />
</label>
</form>
input標簽類型：hidden【允許 Web 開發者存放一些用戶不可見、不可改的數據，在用戶提交表單時，這些數據會一併發送出。比如，正被請求或編輯的內容的 ID，或是一個唯一的安全令牌。這些隱藏的 <input> 元素在渲染完成的頁面中完全不可見，而且沒有方法可以使它重新變為可見。】
<input type="hidden" name="ez" id="ez" value="qwer13214" />
input標簽類型：button【是一個沒有任何功能的按鈕，需要用javascript加上動作才可以使用。功能簡單，比起<button></button>是一個功能強大的按鈕，更美觀。】
<input type="button" />
