3.1表格3.1.3表格修飾表格是網(wǎng)頁布局中的重要元素，可以對其設(shè)置進(jìn)而美化表格。1．設(shè)置表格的邊框2．設(shè)置表格大小3．設(shè)置表格背景顏色4．設(shè)置表格背景圖像5．設(shè)置表格單元格間距6．設(shè)置表格單元格邊距7．設(shè)置表格在網(wǎng)頁中的對齊方式8．表格數(shù)據(jù)的對齊方式機(jī)械工業(yè)出版社3.1表格3.1.3表格修飾【演練3-2】制作光影世界活動報(bào)名一覽表，本例文件3-2.html在瀏覽器中顯示的效果如圖3-3所示。機(jī)械工業(yè)出版社3.1表格3.1.4不規(guī)范表格1．跨行跨行是指單元格在垂直方向上合并，語法如下：<tdrowspan="所跨的行數(shù)">單元格內(nèi)容</td>2．跨列跨列是指單元格在水平方向上合并，語法如下：<tdcolspan="所跨的行數(shù)">單元格內(nèi)容</td>3．跨行、跨列【演練3-5】制作一個(gè)跨行跨列展示的活動報(bào)名表格，本例文件3-5.html在瀏覽器中顯示的效果如圖3-6所示。機(jī)械工業(yè)出版社3.1表格3.1.6使用表格實(shí)現(xiàn)頁面布局使用表格可以導(dǎo)入表格化數(shù)據(jù)，設(shè)計(jì)頁面分欄，定位文本和圖像等。【演練3-7】制作光影世界田園風(fēng)光展示頁面，本例文件3-7.html在瀏覽器中顯示的效果如圖3-8所示。機(jī)械工業(yè)出版社3.2表單3.2.1表單的工作機(jī)制表單是允許瀏覽者進(jìn)行輸入的區(qū)域，可以使用表單從用戶處收集信息。瀏覽者在表單中輸入信息，然后將這些信息提交給服務(wù)器，服務(wù)器中的應(yīng)用程序會對這些信息進(jìn)行處理，進(jìn)行響應(yīng)，這樣就完成了瀏覽者和服務(wù)器之間的交互。表單的工作機(jī)制如圖3-10所示。機(jī)械工業(yè)出版社3.2表單3.2.2表單標(biāo)簽表單是一個(gè)容器，可以存放各種表單元素，如按鈕、文本域等。表單元素允許用戶在表單中使用表單域輸入信息。可以使用<form>標(biāo)簽在網(wǎng)頁中創(chuàng)建表單。表單使用的<form>標(biāo)簽是成對出現(xiàn)的，在開始標(biāo)簽<form>和結(jié)束標(biāo)簽</form>之間的部分就是一個(gè)表單，所有表單對象都要放在<form>標(biāo)簽中才會生效。表單的基本語法及格式為：<formname="表單名"action="URL"method="get|post">…</form>機(jī)械工業(yè)出版社3.2表單3.2.3表單元素1．文字對象文本對象有單行文本域、密碼域和多行文本域。單行文本域適用于輸入少量文字內(nèi)容；密碼域用于頁面密碼驗(yàn)證；多行文本域適用于輸入大量文字內(nèi)容。（1）單行文本域單行文本域的格式為：<inputtype="text"name="文本域名">（2）密碼域密碼域的格式為：<inputtype="password"name="密碼域名">機(jī)械工業(yè)出版社3.2表單3.2.3表單元素（3）多行文本域多行文本域的格式為：<textareaname="文本域名"rows="行數(shù)"cols="列數(shù)">初始文本內(nèi)容</textarea>2．隱藏域在網(wǎng)頁的制作過程中，有時(shí)需要提交預(yù)先設(shè)置好的內(nèi)容，但這些內(nèi)容又不宜顯示給用戶，因此隱藏域是一個(gè)不錯(cuò)的選擇。將<input>元素的type屬性設(shè)置為hidden類型即可創(chuàng)建一個(gè)隱藏域。格式為：<inputtype="hidden"name="隱藏域名"value="提交值">機(jī)械工業(yè)出版社3.2表單3.2.3表單元素3．選擇標(biāo)簽（1）單選按鈕單選按鈕的格式為：<inputtype="radio"name="單選鈕名"value="提交值"checked="checked">（2）復(fù)選框復(fù)選框的格式為：<inputtype="checkbox"name="復(fù)選框名"value="提交值"checked="checked">機(jī)械工業(yè)出版社3.2表單3.2.3表單元素4．下拉框（1）<select>標(biāo)簽<select>標(biāo)簽的格式為：<selectsize="x"name="控制操作名"multiple="multiple"><option…>…</option><option…>…</option>…</select>（2）<option>標(biāo)簽<option>標(biāo)簽的格式為：<optionvalue="可選擇的內(nèi)容"selected="selected">…</option>機(jī)械工業(yè)出版社3.2表單3.2.3表單元素5．表單按鈕①提交按鈕<inputtype="submit"value="按鈕名">②重置按鈕<inputtype="reset"value="按鈕名">③普通按鈕<inputtype="button"value="按鈕名">④圖片按鈕<inputtype="image"src="圖片來源">機(jī)械工業(yè)出版社3.2表單3.2.4光影世界會員注冊表單【演練3-11】制作光影世界會員注冊表單，收集會員的個(gè)人資料。本例文件3-11.html在瀏覽器中顯示的效果如圖3-22所示。機(jī)械工業(yè)出版社3.3實(shí)訓(xùn)——制