1.表單元素
表單元素一定要送出在form标簽裡面
2.id和name
所有元素都有ID，但隻有表單元素才有name
ID不可以重複，name可以重複
name屬性的目的時可以将資料送出到伺服器。id的主要目的時為了在js中可以動态地操作某個元素。
想要送出到伺服器，就必須有name.
3.送出的資料是表單中value的值，若事先為value指派，則該值為該元素的預設值，加載時顯示在text中。
4.post和get方式送出資料
get方式送出資料： get方式送出資料是把資料封裝為通過鍵值對&形式顯示在url中送出到伺服器的。因為送出的要求位址長度是有限的，是以不冷通過get方式送出檔案。
post方式送出資料：預設情況下post方式送出的資料也是用&鍵值對連接配接起來，同時送出的内容沒有在url中顯示，相對安全。
5.size 可以改變文本框的長短，maxlength可以改變文本框輸入的文字最大數目。
6.lable标簽的for用法
當lable用了for屬性時，for指向元素的id，當點選該lable标簽時，自動地把該id的元素選中。
7.一個簡單的from的示例
<html>
<head>
<title>表單</title>
</head>
<body>
<form action="http://www.baidu.com/a.aspx" method="get">
<input name="userid" type="hidden" value="123"/>
<table border="1">
<tr>
<td>姓名</td>
<td><input name="textName" type="text"/></td>
</tr>
<tr>
<td>郵箱</td>
<td><input name="textEmail" type="text"/></td>
</tr>
<tr>
<td>密碼</td>
<td><input name="txtPassword" type="password"/></td>
</tr>
<tr>
<td>性别</td>
<td><input type="radio" name="gender" value="male" id="rdomal" /><label for="rdomal">男</label>
<input checked="checked" type="radio" name="gender" value="female" />女</td>
</tr>
<tr>
<td>興趣愛好</td>
<td><input type="checkbox" name="hobby" value="1" />籃球
<input checked="checked" type="checkbox" name="hobby" value="2" />足球</td>
</tr>
<tr>
<td>所在地區</td>
<td>
省：<select name="province" multiple="multiple" size="5">
<option value="11" selected="selected">黑龍江</option>
<option value="12">吉林</option>
</select>
市：<select name="shi">
<optgroup label="黑龍江">
<option value="13">九江</option>
<option value="14" selected="selected">南昌</option>
</optgroup>
<optgroup label="吉林">
<option value="15">宜春</option>
<option value="16">贛州</option>
</optgroup>
</select>
</td>
</tr>
<tr>
<td colspan="2" style="height:100px">
<filedset>
<legend>請選擇感興趣的内容</legend>
<input type="checkbox" name="hobby" value="1" />籃球
<input type="checkbox" name="hobby" value="2" />足球
</filedset>
</td>
</tr>
<tr>
<td colspan="2">
請閱讀協定：
<textarea cols="30" rows="10" readonly="readonly" disabled="disabled">
請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：請閱讀協定：
</textarea>
</tr>
<tr>
<td>
請選擇頭像
</td>
<td>
<input type="file">
</td>
</tr>
<tr>
<td colspan="2" ali>
<input type="submit" value="注冊"/>
<input type="reset" value="重置" />
<input type="image" src="123.jpg" />
</td>
</tr>
</table>
<marquee direction="left" scrollelay="30" behavior="slide">
<img src="QQ截圖20161124185311.jpg"/>
</marquee>
</form>
</body>
</html> 補充：
8. form的action标簽指向表單送出的位址。method指定表單送出的方法。
9.hide元素的用法。當input的type為hlidden時，該元素不在網頁中顯示，但是送出時仍然送出該元素的value的值。
10.如何為select标簽分組。
利用optgroup 用法如下：
<optgroup label="黑龍江">
<option value="13">九江</option>
<option value="14" selected="selected">南昌</option>
</optgroup>
<optgroup label="吉林">
<option value="15">宜春</option>
<option value="16">贛州</option>
</optgroup> 則九江 南昌的分組為黑龍江，宜春贛州的分組為吉林。
11. radio 和checkbox的如果checked屬性為checked 則預設選中
12.select标簽的selected屬性為selected時，則預設選中。
13.filedset的用法。
<filedset>
<legend>請選擇感興趣的内容</legend>
<input type="checkbox" name="hobby" value="1" />籃球
<input type="checkbox" name="hobby" value="2" />足球
</filedset> 該顯示方法類似winform中的groupbox。
13.當readonly="readonly"則隻讀。
14.當disabled="disabled"則不能用光标選。
15.<input type="submit" value="注冊"/>和<input type="image" src="123.jpg" />類似，否則點選圖檔送出。
16 matquee标簽的用法。
matquee标簽中的内容可以在螢幕上滾動。
direction可以指定滾動的方向。
scrollelay可以指定滾動的速度（重新整理的頻率）
behavior指定滾動的方式，可以有如下幾種方式：scroll（循環滾動） slide（由一邊滑到另一邊） alternate（左右循環滾動）
11.24日的總結就寫到這裡。
![主流浏覽器四大綜合性能測試[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)