1.type=text。
輸入類型是text，這是我們見的最多也是使用最多的，
比如登陸輸入用戶名，注冊輸入電話號碼，電子郵件，
家庭住址等等。當然這也是Input的默認類型。
參數name：同樣是表示的該文本輸入框名稱。
參數size：輸入框的長度大小。
參數maxlength：輸入框中允許輸入字符的最大數。
參數value：輸入框中的默認值。
特殊參數readonly：表示該框中只能顯示，不能添加修改。
1 <form> 2 your name:input type="text" name="yourname" size="30"maxlength="20" value="輸入框的長度為30，允許最大字符數為20"> 3 <br> 4 <input type="text" name="yourname"size="30" maxlength="20" readonly value="你只能讀不能修改"> 5 </form>
2.type=password
不用我說，一看就明白的密碼輸入框，最大的區別就是當在此輸入
框輸入信息時顯示為保密字符參數和“type=text”相類似。
3.type=file
<tr > <td>上傳文件:</td> <td style="padding-left: 10px;"><input type="file" name="file" id="fileInput"></td> <td style="padding-left: 80px;"> <button type="submit" class="btn btn-primary btn-q btn-outline fa fa-upload" class="easyui-validatebox" data-options="required:true">上傳 </button> </td> </tr>
4.type=hidden 非常值得注意的一個，通常稱為隱藏域：如果一個非常
重要的信息需要被提交到下一頁，但又不能或者無法明示的時候。 一句
話，你在頁面中是看不到hidden在哪里。最有用的是hidden的值。
<form name="form1"> your hidden info here: <input type="hidden" name="yourhiddeninfo" value="cnbruce.com"> </form> <script> alert("隱藏域的值是。"+document.form1.yourhiddeninfo.value)。</script>
5.type=button。
標准的一windows風格的按鈕，當然要讓按鈕跳轉到某個頁面上還需要加入寫JavaScript代碼。
6.type=checkbox。
多選框，常見於注冊時選擇愛好、性格、等信息。
參數有name,value及特別參數checked（表示默認選擇）。
其實最重要的還是value值，提交到處理頁的也就是value。
（name值可以不一樣但是不推薦）
<form name="form1"> a:<input type="checkbox" name="checkit"value="a"checked><br> b:<input type="checkbox" name="checkit" value="b"> <br> c:<input type="checkbox" name="checkit" value="c"> <br> </form>
<form name="form1"> a:<input type="checkbox" name="checkit1" value="a" checked><br> b:<input type="checkbox" name="checkit2" value="b"> <br> c:<input type="checkbox" name="checkit3" value="c"> <br> </form>
7.type=radio
即單選框，出現在多選一的頁面設定中。參數同樣有name,value及特別參數checked.。
不同於checkbox的是，name值一定要相同，否則就不能多選一。當然提交到處理頁的也還是value值。
<form name="form1"> a:<input type="radio" name="checkit" value="a"checked> <br> b:<input type="radio" name="checkit" value="b"> <br> c :<input type="radio" name="checkit" value="c"> <br> </form>
下面是name值不同的一個例子，就不能實現多選一的效果了
<form name="form1"> a:<input type="radio" name="checkit1" value="a" checked> <br> b:<inputtype="radio" name="checkit2" value="b"> <br> c:<input type="radio" name="checkit3" value="c"> <br> </form>
8.type=image
比較另類的一個，自己看看效果吧，可以作為提交式圖片。。
<form name="form1" action="xxx.asp">