第三課時(shí) HTML表單和框架
一、<form>表單
1.定義：用來(lái)收集用戶信息，提供服務(wù)
2.表單的簡(jiǎn)單框架:
<form>
<input>
<select>…</select>
<textarea>…</textarea>
</form>
3.<form>標(biāo)記的主要屬性：
a.action：指出該表單所對(duì)應(yīng)的處理程序的位置（url）
b.method：指出表單信息的提交方式：get(默認(rèn))或post
get:提交總信息不超過2K，且提交后可以在地址欄中看到
post:提交信息長(zhǎng)度不限，且不會(huì)顯示在地址欄中
c.enctype：表單數(shù)據(jù)的編碼方式：
application/x-www-form-urlencoded(默認(rèn))：鍵值對(duì)編碼
multipart/form-data:二進(jìn)制流編碼（用于傳輸文件）
d.target：類似超鏈接中的target
二、<form>中的<input>標(biāo)記
<form>有三個(gè)輸入子標(biāo)記，用于收集用戶信息。<input>是應(yīng)用最為廣泛的。
1.<input>的主要屬性：
a.Type：指定輸入比較的輸入方式：（共10中方式）
text:單行文本框
password:密碼文本框
hidden:隱藏文本框
file:文件選擇框
checkbox:復(fù)選框
radio:單選框
-----------------
Button：普通按鈕(要添加腳本才有動(dòng)作，否則不做任何事情)
Submit:提交按鈕（提交<from>標(biāo)簽內(nèi)的所有信息）
Reset:重置按鈕
Image:圖片按鈕（功能同提交按鈕）
b.size:文本框的長(zhǎng)度
c.maxlength:文本框允許輸入的最大長(zhǎng)度（控制輸入長(zhǎng)度的最簡(jiǎn)單辦法）
d.value：當(dāng)type為文本類型時(shí)，value代表初始值和提交值
當(dāng)type為按鈕類型時(shí)，value為按鈕的顯示文本（因?yàn)榘粹o不需要提交值）
e.checked（標(biāo)示屬性）：使用在type=”checkedbox|radio”時(shí)，表示被選中狀態(tài)
注：使用radio時(shí)，name的值要一直，否則達(dá)不到一組的效果。
三、<form>中的其他標(biāo)記
1.<select>:下拉列表選擇標(biāo)記
<select size=”” multiple>
<option selected value=””>…選項(xiàng)內(nèi)容…</option>下拉選項(xiàng)
</select>
Size:下拉列表顯示的項(xiàng)數(shù)。
Multiple（標(biāo)識(shí)屬性）：開啟多選功能
Selected（標(biāo)識(shí)屬性）：表示被選中的狀態(tài)
Value:表示這個(gè)下拉選項(xiàng)的提交值
2.<textarea>多行文本標(biāo)記：
<textarea rows=”” cols=””>…</textarea>
3.filedSet分組標(biāo)記：
<filedset>
<legend>...</legend>
…可以把不同的標(biāo)記用框框分組顯示
</filedset>
Legend：表示框框標(biāo)題名字。
四、<form>中所有標(biāo)記都有的屬性
1.name:名字，常用于調(diào)用時(shí)的參數(shù)
2.ID：同name
3.title：提示信息
4.tabIndex：定義tab鍵的反問順序
5.Accesskey：定義ALT+“”的快捷訪問鍵
五、框架
1.定義：可以把一個(gè)瀏覽器窗口分成若干獨(dú)立的子窗口，字窗口相互獨(dú)立的滾動(dòng)刷新，可以有所聯(lián)系，
2.簡(jiǎn)單使用:
<html>
<head>…</head>
<frameset cols=”30%,*”>
<frame src=””>
<frame src=””>
</frameset>
</html>
用<frameset>標(biāo)記代替<body>，若把<frameset>標(biāo)記放在<body>內(nèi)，<frameset>將不起作用。
3.<frameset>的主要屬性：
a.cols:縱向分割,cols=”像素|百分比|*”三種方式：
像素：為單個(gè)像素占總像素的比例
百分比：直接算整個(gè)區(qū)域的百分比
*：若只出現(xiàn)一個(gè)*，代表窗口剩余部分；若出現(xiàn)多個(gè)*，就所有*號(hào)按比例分窗口剩余部分。
b.rows：橫向分割（使用同縱向）
c.border：分割線寬度
d.bordercolor：分割線顏色
e.frameborder：設(shè)置是否隱藏分割線，為YES是顯示，NO為隱藏
3.<frameset>中使用的標(biāo)記：
a.<frame>子窗口標(biāo)記：
<frame src=”” name=”” noresize scrolling=”no|yes” marginwidth=”” >
Src：子窗口路徑 name：子窗口名字
Noresize（標(biāo)識(shí)屬性）：不允許改變分割線位置
Scrolling：定義是否需要滾動(dòng)條
Marginwidth：文本與分割線的寬度
Marginheight：文本與分割線的高度
b.<iframe>內(nèi)聯(lián)窗口標(biāo)記（浮動(dòng)窗口標(biāo)記）
與<frame>的不同：
<iframe>必須放在<body>中,而<frame>不需要。
<frame>必須嵌在<frameset>中，而<iframe>不需要。
<iframe>可以自定義高寬度，而<frame>是通過<frameset>定義的。