網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)-資料下載頁(yè)
2025-08-01 13:43本頁(yè)面
【正文】 特殊的操作： target=_blank：鏈接的目標(biāo)文件被顯示在一個(gè)新的沒(méi)有名字的瀏覽器窗口中。 target=_self：鏈接的目標(biāo)文件被顯示在當(dāng)前框架窗口中，代替正在顯示的熱點(diǎn)文本所在的那個(gè)文件，是省略target屬性的默認(rèn)值。 target=_top：鏈接的目標(biāo)文件被顯示在整個(gè)瀏覽器窗口（取消了框架）。 target=“_parent”：當(dāng)框架嵌套時(shí)，鏈接的目標(biāo)文件被顯示在父框架中；否則，被顯示在整個(gè)瀏覽器窗口中。 框架（多窗口頁(yè)面） 2 框架間的鏈接 框架（多窗口頁(yè)面） 3．框架應(yīng)用綜合實(shí)例 【 例 49】 【 例 49】 制作一個(gè)框架集，包含上、下框架，下框架又分為左、右兩部分，并實(shí)現(xiàn)框架間的鏈接。本例文件 ex4 411所示。 圖 411 框架應(yīng)用綜合實(shí)例 網(wǎng)頁(yè)上具有可輸入表項(xiàng)及項(xiàng)目選擇等控制所組成的欄目稱為表單。在網(wǎng)頁(yè)中，通過(guò)表單交流和反饋信息。格式為： form name=表單名 action=URL method=get|post input type=表項(xiàng)類型 name=表項(xiàng)名 value=缺省值 size=x maxlength=y“ / … /form name屬性 :表單的名字，在一個(gè)網(wǎng)頁(yè)中用于惟一識(shí)別一個(gè)表單 action屬性 :表單處理的方式，往往是 Email地址或網(wǎng)址 method屬性 :表單數(shù)據(jù)的傳送方向，是獲得（ GET）表單還是送出（ POST）表單 表單 1 表單的標(biāo)記 form.../form ?type屬性值為 text，則輸入的文本以標(biāo)準(zhǔn)的字符顯示； ?type屬性值為 password，則輸入的文本顯示為 “ *” 。 ?在表項(xiàng)前應(yīng)加入表項(xiàng)的名稱，如 “ 您的姓名 ” 等，以告訴瀏覽者在隨后的表項(xiàng)中輸入的內(nèi)容。 表單 2 文字和密碼的輸入 如果瀏覽者想清除輸入到表單中的全部?jī)?nèi)容，可以使用input標(biāo)記中的 type屬性所設(shè)的重置（ reset）按鈕，當(dāng)瀏覽者完成表單的填寫(xiě)，想要發(fā)送時(shí)，可使用 input標(biāo)記的屬性 type所設(shè)的提交（ submit）按鈕，將表單內(nèi)容送給action中的網(wǎng)址或函件信箱。格式為： input type=reset value=按鈕名 “ / input type=submit value=按鈕名 “ / 當(dāng)缺省 value的設(shè)置值時(shí)，重置和提交的按鈕分別顯示為“ 重置 ” 和 “ 提交查詢內(nèi)容 ” 。 表單 3 重置和提交 ?選擇鈕可以是復(fù)選框（ checkbox）或單選鈕（ radio）。 ?用 input標(biāo)記的 type屬性可設(shè)置選擇鈕的類型 ?屬性 value可設(shè)置該選擇鈕的控制初值，用以告訴表單制作者選擇結(jié)果。 ?用 checked表示是否為缺省選中項(xiàng)。 ?name屬性是控制名， 同一組的選擇鈕的控制名是一樣的 。 表單 4 復(fù)選框和單選鈕 當(dāng)瀏覽者選擇的項(xiàng)目較多時(shí)，如果用選擇鈕來(lái)選擇，占頁(yè)面的區(qū)域就會(huì)較多?？梢杂?select標(biāo)記和 option標(biāo)記來(lái)設(shè)置選擇欄。選擇欄可分為兩種，即彈出式和字段式。select標(biāo)記的格式為： select size=x name=控制操作名 multiple option value=“” option value=“” … /select 表單 5 選擇欄 select 其中： size:取數(shù)字，表示在帶滾動(dòng)條的選擇欄中一次可見(jiàn)的列表項(xiàng)數(shù) name: 控制操作名 multiple:不帶值，加上本項(xiàng)表示可選多個(gè)選項(xiàng)，否則只能單選 option標(biāo)記的格式為： option select value=可選擇的內(nèi)容 其中： select 不帶值，加上本項(xiàng)表示該項(xiàng)是預(yù)置的 value 指定控制操作的初始值，缺省時(shí)初值為 option中的內(nèi)容表示選項(xiàng)值 表單 5 選擇欄 select TEXTAREA標(biāo)記可以設(shè)置允許成段文字的輸入。格式為： textarea name=控制操作名 rows=行數(shù) cols=列數(shù) 多行文本 /textarea 其中的行數(shù)和列數(shù)是指不用滾動(dòng)條就可看到的部分。 表單 6 多行文字的輸入 textarea.../textarea 【 例 410】 制作一個(gè) “ 職員調(diào)查表 ” ，收集職員的個(gè)人資料。為了顯得整潔，在表單中使用了無(wú)邊框表格。本例文件 412所示。 表單 7．表單應(yīng)用綜合實(shí)例 圖 412 表單應(yīng)用綜合實(shí)例 【 例 410】 1．制作如圖 413所示的網(wǎng)頁(yè)，要求章標(biāo)題的級(jí)別為標(biāo)題h2，居中，黑體，紅色；節(jié)標(biāo)題的級(jí)別為標(biāo)題 h3，居左，楷體，綠色；正文為宋體，藍(lán)色。整個(gè)網(wǎng)頁(yè)背景色為乳白色。 2．制作如圖 414所示的網(wǎng)頁(yè)，單擊軟件名稱，則下載該軟件。 3．分別制作如圖 415（ a）、（ b）所示的網(wǎng)頁(yè)，單擊小圖像，將顯示放大的圖像。 4．練習(xí)表格在頁(yè)面中的應(yīng)用，分別制作如圖 416（ a）、（ b）所示的網(wǎng)頁(yè)。在圖 416（ a）中單擊 “ 詳細(xì) ” 超文本則打開(kāi)新的瀏覽器窗口，顯示詳細(xì)內(nèi)容，如圖 416（ b）所示。 5．制作一個(gè) “ 網(wǎng)友推薦 ” 表單，如圖 417所示。 6．制作如圖 418所示的框架網(wǎng)頁(yè)。在左框架中單擊項(xiàng)目，在右框架中顯示相應(yīng)的內(nèi)容。 習(xí)題 4
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1