表單form的type種類

Form表單主要用於用戶與Web應用程序進行數據的交互，它容許用戶將數據發給web應用程序，網頁也能夠攔截數據的發送以便本身使用。form一般由一到多個表單元素組成，這些表單元素是單行/多行文本框，下拉菜單，按鈕，複選框，單選按鈕，時候表單元素時通常要配合label標籤，用於描述其目的。
先講講關於form表單的type的屬性值有哪些：Input組件用於接受來自用戶的數據，其可用屬性以下

1.type="text" 單行文本框

例如：
<form>
    <tr>
         <td>用戶名：</td>
         <td><input type="text" value="默認值" name="username"></td>
     </tr>
</form>

2.type="password" 密碼框，輸入的內容將會被遮擋

例如：
<form>
    <tr>
         <td>密碼：</td>
         <td><input type="password" name="password"></td>
     </tr>
</form>

3.type="checkbox" 複選框，必須使用value屬性來描述該組件所提交的值，使用checked屬性默認選中

例如：
<form>
    <tr>
         <td>愛好</td>
         <td>
             <label>
                 <input type="checkbox" name="hobbies" value="swimming">游泳
             </label>
             <label>
                 <input type="checkbox" name="hobbies" value="running">跑步
             </label>
             <label>
                 <input type="checkbox" name="hobbies" value="basketball">籃球
             </label>
             <label>
                 <input type="checkbox" name="hobbies" value="reading">閱讀
             </label>
         </td>
    </tr>
</form>

4.type="radio" 單選按鈕，必須使用value屬性來描述該組件所提交的值，使用checked屬性默認選中。一個單選按鈕組中全部組件都應該具備相同的name值，這樣，每次只能選中按鈕組中的某一個組件

例如：
<form>
    <tr>
         <td>性別</td>
         <td>
             <label for="gender_male">
                 <input id="gender_male" type="radio" name="gender" value="male" checked="true">男
             </label>
             <label for="gender_female">
                 <input id="gender_female" type="radio" name="gender" value="female">女
             </label>    
         </td>
     </tr>
</form>

5.type="submit" 提交按鈕

例如：
<form>
    <tr>
         <td colspan="2" align="center">
             <input type="submit" name="" value="註冊">
         </td>
     </tr>
</form>

6.type="file"

例如：
<form>
    <tr>
         <td>照片</td>
         <td>
             <input type="file" name="pic">
         </td>
     </tr>
</form>

7.type="image" 圖像按鈕，必須使用src來加載圖片，使用alt來聲明替換文本

8.type="reset" 重置按鈕

9.type="hidden" 隱藏域，該組件不顯示在頁面中，可是其值會被提交

10.type="button" 普通按鈕