【正文】 pe=radio name=sex女 /input /td /tr tr td align=right你的愛好： /td td input type=checkbox name=intersting checked讀書 /input input type=checkbox name=intersting運(yùn)動(dòng) /input 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 9/13 頁(yè) 9 input type=checkbox name=intersting爬山 /input /td /tr tr td align=right請(qǐng)選擇你的頭像： /td td input type=file name=userImage /input /td /tr tr td align=right你的建議： /td td textarea name=advise cols=20 rows=10 /textarea /td /tr tr td align=right input type=submit name=formSubmit value=注冊(cè) /input/td tdinput type=reset name=formReset value=取消 /input/td /tr /table /form 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 10/13 頁(yè) 10 （ 2）對(duì)于 select標(biāo)簽應(yīng)用 optgroup標(biāo)簽進(jìn)行分組的 Web 表單 optgroup標(biāo)簽的主要作用是在選擇列表中定義一組選項(xiàng)，可以應(yīng)用 optgroup標(biāo)簽給select標(biāo)簽元素中的各個(gè)選項(xiàng) options 分類，并使用 label 屬性，屬性值會(huì)在下拉列表中顯示為一個(gè)不可選的、縮進(jìn)標(biāo)題。 掌握 與 Web 表單相關(guān)的各個(gè)控件標(biāo)簽 由于 form標(biāo)簽只是一個(gè)表單的區(qū)塊定義，可以將它理解為一個(gè)應(yīng)用程序的對(duì)話框窗口區(qū)域，而操作界面中的具體輸入控件則是由包含在 form標(biāo)簽內(nèi)的各個(gè)控件標(biāo)簽定義。楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 1/13 頁(yè) 1 HTML 標(biāo)簽的相關(guān)的教學(xué)示例（第 3 部分） 利用 div和 span標(biāo)簽實(shí)現(xiàn)頁(yè)面內(nèi)容的布局定位 及應(yīng)用實(shí)例 由于表格是將“內(nèi)容”和“表現(xiàn)”相互混合在整個(gè) table標(biāo)簽內(nèi)，這不利于將“頁(yè)面內(nèi)容”的表現(xiàn)實(shí)現(xiàn)多樣化的顯示。 而 GET 方法將參數(shù)追加到請(qǐng)求的 URL 上，因此，這些參數(shù)對(duì)于查看頁(yè) 面的任何人都是可見的。但 optgroup標(biāo)簽不支持嵌套定義。 2) 提交表單時(shí)，其中收集到的信息會(huì)被發(fā)送到服務(wù)器端，服務(wù)器端相關(guān)應(yīng)用程序（ PHP、ASP 或 JSP 等）會(huì)進(jìn)行處理，比如將信息保存到數(shù)據(jù)庫(kù)中，也可將處理結(jié)果再回送到客戶端瀏覽器上顯示。 采用“ CSS + Div”頁(yè)面布局定位技術(shù)構(gòu)建 Web 網(wǎng)站系統(tǒng)頁(yè)面 利用 div標(biāo)簽構(gòu)建好整個(gè) Web 網(wǎng)站系統(tǒng)中的各個(gè)板塊頁(yè)面的布局之后，再用 CSS 給它添加樣式風(fēng)格的定義，最終達(dá)到將頁(yè)面中的的各個(gè)“信息內(nèi)容”（由 div標(biāo)簽標(biāo)識(shí)）和“表現(xiàn)風(fēng)格”（由 CSS 文件中的各個(gè)屬性項(xiàng)目規(guī)定）相互分離，類似于軟件系統(tǒng)開發(fā)中模型視圖控制器設(shè)計(jì)模式（ Mode View Control， MVC）中的“ M（模型）”和“ V（視圖）”相互分離的設(shè)計(jì)效果。 輸入控件的類型 type屬性的取值 輸入控件的類型 type屬性的取值 單行文本輸入控件 text 普通按鈕 button 密碼輸入控件 password 提交類按鈕 submit 復(fù)選框 checkbox 取消類按鈕 reset 單選框 radio 圖片提交按鈕 image 隱藏輸入控件 hidden 文件上傳控件