表單
<form id="" name="" method="get/post" action=""> 其中get提交長度有限制，並且編碼後內容在地址欄可見，post與其相反。
</form>
文本輸入
文本框<input type="text" id="" name="" value=""/ placeholder是文字變灰>
密碼框<input type="password" id="" name="" value=""/>
文本域<textarea name="" id="" cols="字符多少" rows=“幾行” ></textarea>
按鈕
提交按鈕<input type="submit" name="" id="" value="" disabled=""/>
點擊後form內提交服務器地址
重置按鈕<input type="resest" name="" id="" value=""/>
普通按鈕<input type="button" name="" id="" value=""/>
圖片按鈕<input type="image" name="" id="" value="" src="圖片地址"/>
其中disabled是按鈕失效的意思
單選與多選
單選
<input type="radio" id="" name="" value=""/>
<label for=""></label>
多選
<input type="checbox" id="" name="" value=""/>
<label for=""></label>
下拉列表
<select name="" id="" size="" multiple="multiple"> size大於1是列表，multiple是多選
<option value="">內容</option>
<option value="" selected="slected">內容</option> selected是設為默認
</select>
文件上傳
<input type="file" name="" id=a''/>
具體以作業為例-------制作一張注冊表
<body>
<table width="300px" height="400px" border="1" background="PPS 2011-08-30 20'49''12.jpg" >
<tr>
<td>
<form method="post" action="http://www.sina.com">
<table border="1px">
<tr>
<td>登錄名：</td>
<td>
<input type="text" name="userid" value="" placeholder="登錄名" required="required">
</td>
</tr>
<tr>
<td>密碼:</td>
<td>
<input id="a" type="password" name="pwd" value="" required="required" placeholder="請輸入1~16位密碼">
</td>
</tr>
<tr>
<td>確認密碼:</td>
<td>
<input id="b" type="password" name="pwd" value="" required="required" placeholder="請輸入1~16位密碼">
</td>
</tr>
<tr>
<td>手機號：</td>
<td>
<input id="m" type="text" name="4" value="" placeholder="僅用於找回密碼">
</td>
</tr>
<tr>
<td>性別：</td>
<td>
<input type="radio" name="r1" value="a" value="1"/>
<label for="r1">男</label>
<input type="radio" name="r1" value="a" value="2"/>
<label for="r1">女</label>
</td>
</tr>
<tr>
<td>生日：</td>
<td>
<input type="text" name="shengri" value="" id="111111111" />
</td>
</tr>
<tr>
<td>民族：</td>
<td>
<select name="aihao" size="1">
<option value="0">漢族</option>
<option value="1">壯族</option>
<option value="2">維吾爾族</option>
<option value="3">滿族</option>
<option value="4">高山族</option>
</select>
</td>
</tr>
<tr>
<td>興趣愛好：</td>
<td>
<input type="checkbox" name="aihao" id="1" value="a"/>
<label for="aihao">游泳</label>
<input type="checkbox" name="aihao2" id="2" value="b"/>
<label for="aihao2">籃球</label>
<input type="checkbox" name="aihao3" id="3" value="c"/>
<label for="aihao3">跑步</label>
</td>
</tr>
<tr>
<td>心動類型：</td>
<td>
<input type="checkbox" name="xindongleixing" value="" id="111" />
<label for="xindongleixing">黑</label>
<input type="checkbox" name="xindongleixing2" value="" id="222">
<label for="xindongleixing2">長</label>
</td>
</tr>
<tr>
<td>其他</td>
<td height="50px">
<textarea name="234" id="aaa" cols="30" rows="4" placeholder="此項可不填"></textarea>
</td>
</tr>
<tr>
<td colspan="2">
<input type="image" name="q" id="mm" src="2016-11-22_digitalliteracy_home.jpg" width="295px" height="100px">
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" name="111" id="olf">
<input type="reset" name="111" id="we">
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
