HTML框架表單多媒體培訓(xùn)

、、

網(wǎng)頁(yè)制作學(xué)無(wú)止境樂(lè)在其中第4章框架、表單、多媒體4.1框架集、框架標(biāo)記4.2表單標(biāo)記4.3瀏覽器滾動(dòng)字幕、背景音樂(lè)與多媒體4.4播放多媒體標(biāo)記4.1框架集、框架標(biāo)記框架可以將瀏覽器窗口劃分為若干個(gè)區(qū)域，在每個(gè)區(qū)域內(nèi)顯示一個(gè)獨(dú)立的頁(yè)面，使用框架可以在一個(gè)瀏覽器同時(shí)顯示多個(gè)不同的獨(dú)立頁(yè)面，可以方便地進(jìn)行網(wǎng)頁(yè)導(dǎo)航。但如果框架太多包含很多不同內(nèi)容的頁(yè)面可能會(huì)讓用戶感到困惑而顧此失彼。1.0的框架型保留了框架，而標(biāo)準(zhǔn)的1.1則不再支持框架。因此使用框架集的文檔必須指定為框架型1.0文檔。<"31.0""">4.1.1框架集文檔的基本結(jié)構(gòu)框架集文檔實(shí)際上并不包含任何頁(yè)面內(nèi)容，它只是告訴瀏覽器將瀏覽器窗口如何排列、每個(gè)框架加載哪個(gè)頁(yè)面。<><>…<><>—框架集<"頁(yè)面1"/>—框架1<"頁(yè)面2"/>—框架2……<>—子框架集<"頁(yè)面"/>—子框架……<><"頁(yè)面"/>—浮動(dòng)框架—也可用于<><>—不支持框架時(shí)顯示的頁(yè)面內(nèi)容<>……<><a"頁(yè)面"><><><><>注意：框架集<>不允許與<>標(biāo)記同時(shí)使用，只有在為不支持框架的瀏覽器而設(shè)置的<>標(biāo)記內(nèi)可包含<>4.1.2框架集標(biāo)記<><"框架(集)1大小,框架(集)2大小,…"><"頁(yè)面文件"/>—框架<"頁(yè)面文件"/>—浮動(dòng)框架<>不支持框架時(shí)顯示的頁(yè)面內(nèi)容<>……<><>標(biāo)記定義框架集，用于包含多個(gè)框架(窗口)，指定框架數(shù)量、尺寸、間距、顏色及排列方式—可內(nèi)嵌框架集。按行縱向劃分—各框架上下排列按列橫向劃分—各框架左右排列注意：、屬性不要同時(shí)使用，否則容易引起混亂。屬性值的個(gè)數(shù)是包含框架或子框架集的個(gè)數(shù)，屬性值的個(gè)數(shù)為框架數(shù)量，屬性值的大小為框架的尺寸，可使用數(shù)字(像素)、%瀏覽器或父框架百分比、*表示剩余空間—多個(gè)*則平均分配。例如："80,*,30%"表示3列3個(gè)框架，第1個(gè)80像素，第3個(gè)占窗口30%，第2個(gè)為剩余空間。rowscols框架集標(biāo)記其他屬性設(shè)置框架集中框架之間的間隔寬度，也就是框架輪廓之外的外邊距寬度，默認(rèn)2(像素)設(shè)置框架集中框架外邊距是否可見(jiàn)，取值1外邊距顏色可見(jiàn)、取值0外邊距顏色不可見(jiàn)—透明白色的空白區(qū)域設(shè)置框架集中框架外邊距的顏色，默認(rèn)與邊框一體—凸起灰白色。如果外邊距或可見(jiàn)性設(shè)置為0，則顏色設(shè)置無(wú)效。注意：框架集<>用設(shè)置框架外邊距的可見(jiàn)性，而框架<>用設(shè)置邊框的可見(jiàn)性，在7瀏覽器中這兩個(gè)屬性的設(shè)置會(huì)相互影響。一般情況下框架集默認(rèn)為1—外邊距可見(jiàn)，但如果框架集中所有框架都用"0"設(shè)置輪廓線不可見(jiàn)，則框架集將默認(rèn)為0—外邊距不可見(jiàn)，此時(shí)如果顯示外邊距顏色則必須設(shè)置"1"。內(nèi)嵌框架集默認(rèn)采用外層父框架集的設(shè)置，也可獨(dú)立設(shè)置覆蓋父框架集的設(shè)置。4.1.3框架標(biāo)記</><"頁(yè)面文件"/>按順序定義框架集中的一個(gè)框架，必須在<>內(nèi)使用。指定顯示在該框架中的頁(yè)面文件。為框架定義唯一名稱—針對(duì)不同瀏覽器可同時(shí)使用設(shè)置滾動(dòng)條：(默認(rèn))需要時(shí)總是有沒(méi)有設(shè)置框架是否可調(diào)整：默認(rèn)可調(diào)整、固定定義框架的上下內(nèi)邊距—內(nèi)容與邊框的距離定義框架的左右內(nèi)邊距設(shè)置邊框是否可見(jiàn)：1可見(jiàn)(默認(rèn))0不顯示如果未設(shè)置框架則繼承框架集的該屬性如果框架集默認(rèn)或設(shè)置為1外邊距可見(jiàn)，則所包含框架的邊框默認(rèn)為1可見(jiàn)，如果框架集設(shè)置為0則所包含框架的邊框默認(rèn)為0不可見(jiàn)—如果顯示框架邊框則必須設(shè)置為1。若所有框架設(shè)置為0則框架集會(huì)默認(rèn)為0—外邊距不可見(jiàn)。在框架內(nèi)的頁(yè)面中使用<a>鏈接時(shí)，可使用屬性將頁(yè)面鏈接到指定的任意框架或當(dāng)前框架(默認(rèn))、新窗口、父框架、頂層瀏覽器窗口。<a"""目標(biāo)框架或">鏈接文本<>4.1.4不支持框架標(biāo)記<><>不支持框架時(shí)顯示的頁(yè)面內(nèi)容<><>標(biāo)簽必須用于<>標(biāo)記內(nèi)，僅為不支持框架的瀏覽器提供備用顯示頁(yè)面，對(duì)支持框架瀏覽器無(wú)效—忽略<>標(biāo)記內(nèi)可以使用<>定義完整獨(dú)立的頁(yè)面—或者直接超鏈接到某個(gè)頁(yè)面。例如：<><"頁(yè)面"/>……<><><p>對(duì)不起，您的瀏覽器不支持框架網(wǎng)頁(yè)的顯示。</>—可在此定義相關(guān)的頁(yè)面，或者使用：<a"">點(diǎn)擊這里<>查看其它相關(guān)頁(yè)面。<><><><>【例h4-1】框架示例用設(shè)計(jì)上下3行的框架集，框架外邊距藍(lán)色5像素。第1個(gè)框架高度100，無(wú)滾動(dòng)條不可調(diào)整大小。第2個(gè)框架高度為剩余瀏覽器高度總有滾動(dòng)條、沒(méi)有邊框輪廓線。第3個(gè)框架高度為瀏覽器25%，自動(dòng)使用滾動(dòng)條(默認(rèn))、水平與垂直內(nèi)邊距50像素。<"31.0"""><><><>按行使用框架<><><"100,*,25%""5"""><"33-22"""""/><"33-13""""0""0"/><"33-27""""0""50""50"/><><><p>對(duì)不起，您的瀏覽器不支持框架網(wǎng)頁(yè)的顯示。<a"33-27">點(diǎn)擊這里<>查看相關(guān)頁(yè)面。<><><><><>【例h4-2】用默認(rèn)屬性按列使用框架<"31.0"""><><><>按列使用框架<><><"120,*,25%"><"33-7"/><"33-8"/><"33-11"/><><>瀏覽器不支持框架<a"33-8">點(diǎn)擊這里<>顯示頁(yè)面<><><><>【例h4-3】使用框架嵌套<"31.0"""><><><>框架嵌套<><><"220,*""5"""><"33-11"/><"40%,60%""3"""><"33-22"/><"33-27"/><><><>瀏覽器不支持框架<a"#">點(diǎn)擊這里<>顯示頁(yè)面<><><><>【例】利用框架實(shí)現(xiàn)導(dǎo)航1、創(chuàng)建框架集頁(yè)面h4-4，注意設(shè)置框架的屬性<"31.0"""><><><>導(dǎo)航框架<><><"230,*""3"""><"h4-5"/><鏈接導(dǎo)航頁(yè)面文件><"40%,60%"><"""""33-22"/><"""""33-27"/><><><>瀏覽器不支持框架<a"#">點(diǎn)擊這里<>顯示頁(yè)面<><><><>【例】利用框架實(shí)現(xiàn)導(dǎo)航—導(dǎo)航頁(yè)面h4-5注意用超鏈接屬性指定框架的。另外本文檔使用設(shè)置取消了默認(rèn)超鏈接的底劃線和顏色變化。<"31.0"""><><><>導(dǎo)航頁(yè)面<><"">a{:16;000;;}<><><";"><設(shè)置整個(gè)頁(yè)面背景顏色><><><><a"33-27""">頁(yè)面布局<><><><a"33-22""">書(shū)目介紹<><><><a"33-8""">美國(guó)總統(tǒng)<><>【例】導(dǎo)航頁(yè)面h4-5<><a"33-23">表格背景()<><><><a"33-13""">使用圖像<><><><a"33-21""">圖像映射<><><><a"""">163網(wǎng)站<><><><><><>注意：屬性值內(nèi)前后不能有空格，否則等同于打開(kāi)新窗口。本例中頂層瀏覽器窗口與父框架等價(jià)，都在當(dāng)前瀏覽器頁(yè)面中打開(kāi)鏈接頁(yè)面，可使用瀏覽器“返回”或“后退”按鈕返回原頁(yè)面。【例h4-6】用框架集鏈接外部網(wǎng)頁(yè)第1行顯示“33-27”頁(yè)面并設(shè)置輪廓不可見(jiàn)、無(wú)滾動(dòng)條、不可調(diào)整大小。第2行內(nèi)嵌框架集外邊距設(shè)置藍(lán)色6像素，分別用框架鏈接顯示新浪、網(wǎng)易163主頁(yè)。<"31.0"""><><><>框架集頁(yè)面<><><"180,*""3"""><"33-27""""""""0"""/><"200,*""6"""><""""""/><""""""/><><><>4.1.5浮動(dòng)框架標(biāo)記<><"頁(yè)面文件"><><>是一個(gè)行內(nèi)雙標(biāo)記，可用于在<>頁(yè)面中創(chuàng)建一個(gè)內(nèi)聯(lián)“浮動(dòng)”框架—內(nèi)部窗口，以打開(kāi)另外一個(gè)獨(dú)立頁(yè)面或一幅圖像。設(shè)置浮動(dòng)框架寬度設(shè)置浮動(dòng)框架高度設(shè)置浮動(dòng)框架在頁(yè)面中的對(duì)齊方式、、其他指定唯一名稱、滾動(dòng)條(默認(rèn)需要時(shí)、總是有、沒(méi)有)、上下、左右內(nèi)邊距等屬性與<>框架標(biāo)記用法相同。同樣，在<a>標(biāo)記屬性中指定<>的屬性<a"""內(nèi)聯(lián)框架">可以將鏈接頁(yè)面加載到指定的浮動(dòng)框架中。注意：在不支持<>的瀏覽器中，則<>不可見(jiàn)?！纠齢4-7】普通<>頁(yè)面中使用浮動(dòng)框架<"31.0"""><><><>使用浮動(dòng)框架<><><><h2"">使用浮動(dòng)框架<2><p>在框架集或頁(yè)面中可創(chuàng)建內(nèi)聯(lián)“浮動(dòng)”框架—內(nèi)部窗口，以打開(kāi)另外一個(gè)獨(dú)立頁(yè)面或一幅圖像。<><"33-23""""""430""150"><><"33-22""""""550""200"><></><a"33-27""">點(diǎn)擊這里<>可在第一個(gè)浮動(dòng)框架中瀏覽<"">表格布局<>頁(yè)面。</><a"33-21""">點(diǎn)擊這里<>可在第二個(gè)浮動(dòng)框架中瀏覽<"">圖像映射<>頁(yè)面。<><>4.2表單標(biāo)記到目前為止所能設(shè)計(jì)的網(wǎng)頁(yè)都屬于靜態(tài)網(wǎng)頁(yè)，用戶只能單向從網(wǎng)站獲取瀏覽信息，即使使用也只能實(shí)現(xiàn)視覺(jué)上的動(dòng)態(tài)效果，而不是真正意義上的動(dòng)態(tài)網(wǎng)頁(yè)。實(shí)際上是一條雙行通道，用戶也可以通過(guò)網(wǎng)頁(yè)向網(wǎng)站服務(wù)器提交發(fā)送信息，由服務(wù)器的處理程序收集保存，具有向服務(wù)器提交信息功能的網(wǎng)頁(yè)就是所謂的動(dòng)態(tài)網(wǎng)頁(yè)。動(dòng)態(tài)網(wǎng)頁(yè)由兩部分構(gòu)成：用表單收集并發(fā)送用戶信息的頁(yè)面接收處理用戶信息并對(duì)用戶作出響應(yīng)的后臺(tái)服務(wù)器程序在頁(yè)面中能接受用戶輸入信息并提交發(fā)送給服務(wù)器的標(biāo)記統(tǒng)稱為表單，表單是用戶通過(guò)頁(yè)面與網(wǎng)站服務(wù)器進(jìn)行交互的工具，可實(shí)現(xiàn)網(wǎng)絡(luò)注冊(cè)、登錄驗(yàn)證、問(wèn)卷調(diào)查、信息發(fā)布、訂單購(gòu)物等功能。本書(shū)只介紹頁(yè)面中使用的表單標(biāo)記，有關(guān)接收處理用戶信息的后臺(tái)服務(wù)器程序可參閱、、等相關(guān)書(shū)籍。4.2.1創(chuàng)建表單標(biāo)記<><"服務(wù)器"["表單唯一名稱"""]><用戶輸入標(biāo)記>—位置任意只在<>中才能發(fā)送服務(wù)器<其他任意標(biāo)記>—正常顯示不發(fā)送給服務(wù)器<><>標(biāo)記負(fù)責(zé)收集用戶輸入信息、并在用戶點(diǎn)擊提交按鈕時(shí)將這些信息發(fā)送給指定的服務(wù)器程序。在頁(yè)面<>內(nèi)任意位置插入<><>標(biāo)記即可創(chuàng)建表單，一個(gè)頁(yè)面可創(chuàng)建多個(gè)表單—發(fā)送給不同服務(wù)器程序。指定接受表單數(shù)據(jù)的服務(wù)器地址可以是絕對(duì)或相對(duì)路徑，#表示當(dāng)前頁(yè)面自己定義表單惟一名稱—多表單時(shí)區(qū)分，建議使用指定傳送數(shù)據(jù)的方法方法(默認(rèn))：將信息用&隔開(kāi)用?附加在地址之后提交不能包含非字符、不超過(guò)8192個(gè)字符—不保密方法：數(shù)據(jù)封裝在表單對(duì)象中發(fā)送、無(wú)限制保密性強(qiáng)、、指定服務(wù)器接受的內(nèi)容類(lèi)型及字符編碼、表單內(nèi)容編碼的類(lèi)型。4.2.2表單輸入標(biāo)記</>用戶輸入提交數(shù)據(jù)使用的文本框、單選復(fù)選框、提交重置按鈕等都是</>輸入元素—控件。</>可位于頁(yè)面<>任意位置，但只有位于<>內(nèi)才能被<>收集并發(fā)送給服務(wù)器，否則只具有顯示功能。<"控件類(lèi)型""控件名稱"/>指定元素的控件類(lèi)型，默認(rèn)為單行文本框""指定與輸入數(shù)據(jù)(鍵值)相關(guān)聯(lián)的惟一標(biāo)識(shí)名稱(鍵名)指定唯一名稱—配合操作元素時(shí)響應(yīng)事件注意：</>標(biāo)記是行內(nèi)空標(biāo)記（必須正確關(guān)閉），可聯(lián)合<>標(biāo)記使用，該標(biāo)記中僅包含屬性，除、、等必須屬性外，不同類(lèi)型的控件尚有其他不同的可選屬性。1、單行文本框""<[""]"名稱""默認(rèn)值""顯示寬度""允許輸入最多字符數(shù)"""""/>指定控件默認(rèn)初值—用戶不輸入時(shí)提交的鍵值指定控件的顯示寬度(默認(rèn)顯示長(zhǎng)度為20個(gè)英文字符)指定控件允許輸入的最多字符(漢字)數(shù)(默認(rèn)不限)設(shè)置第1次加載時(shí)禁用該控件—灰色不可用(默認(rèn)可用)指定內(nèi)容為只讀—不能編輯修改(默認(rèn)可編輯)2、密碼框""<"""名稱""默認(rèn)值""顯示寬度""最大字符數(shù)"""""/>用戶在密碼框中輸入的內(nèi)容自動(dòng)顯示為圓點(diǎn)，各屬性的設(shè)置用法與文本框完全相同。3、隱藏表單域""<"""名稱""默認(rèn)值"/>隱藏表單域在頁(yè)面中不顯示—對(duì)用戶不可見(jiàn)，由網(wǎng)頁(yè)設(shè)計(jì)人員對(duì)某些特殊頁(yè)面設(shè)置特殊標(biāo)記值，當(dāng)用戶提交表單時(shí)隱藏表單域的鍵名與設(shè)置的鍵值自動(dòng)發(fā)送到服務(wù)器—服務(wù)器程序根據(jù)隱藏表單域的值即可判斷是哪一個(gè)頁(yè)面發(fā)送的表單。隱藏表單域不能使用控件禁用屬性。【例h4-8】使用文本框、密碼框、隱藏表單域【h4-8】使用文本框、密碼框、隱藏表單域<"31.0"""><><><>文本框、密碼框、隱藏表單域<><><><"#"""><h3"">用戶登錄頁(yè)面<3>用戶名：<"""10"/></>密;碼：<"""""10"/></><"""""3"/>提交的數(shù)據(jù)："輸入的用戶名""輸入的密碼";隱藏"3"</><><><>默認(rèn)文本框（輸入不限）<><></><><><><>文本框"10"<><><"最多輸入10個(gè)字符""16""10"/><><><>【h4-8】使用文本框、密碼框、隱藏表單域<><>文本框""<><><"只讀不能輸入修改""16"""/><><><><>密碼框"10"<><><"最多10個(gè)字符""""16""10"/><><><><>密碼框""<><><"灰色不可用""""16"""/><><><><><><>4、復(fù)選框""<"""名稱""提交值"""""/>設(shè)置第一次加載時(shí)該控件被選中(默認(rèn)不選中)一組復(fù)選框可以同時(shí)選中多個(gè)，<>提交值為數(shù)組：名稱={選中的提交值1,選中的提交值2,……}注意：同一組中多個(gè)復(fù)選框的名稱必須相同，每個(gè)復(fù)選框用設(shè)置自己被選中時(shí)的提交值。5、單選框(按鈕)""<"""名稱""提交值"""""/>同一組多個(gè)單選按鈕是互斥的，任何時(shí)刻只能選擇其中一個(gè)—提交值最多只有一個(gè)。同一組多個(gè)單選按鈕的名稱必須相同，各自用設(shè)置自己被選中時(shí)的提交值。同一組中最多只能有一個(gè)單選按鈕可用屬性設(shè)置第一次加載時(shí)已被選中。6、提交按鈕""<"""名稱""顯示文字""顯示寬度"""/>設(shè)置按鈕顯示的文字—默認(rèn)或提交查詢內(nèi)容設(shè)置顯示寬度—不起作用，默認(rèn)為按鈕名稱長(zhǎng)度設(shè)置按鈕惟一名稱只配合響應(yīng)單擊事件提交按鈕是表單<>中的核心控件，當(dāng)用戶輸入信息完畢后一般都是通過(guò)點(diǎn)擊提交按鈕完成表單的提交—通知<>收集輸入元素值并按指定的"服務(wù)器"發(fā)送給服務(wù)器。7、重置(復(fù)位)按鈕""當(dāng)用戶輸入信息有誤時(shí)，可通過(guò)點(diǎn)擊重置按鈕取消已輸入的所有表單信息—恢復(fù)為初始默認(rèn)值，等待重新輸入。<"""名稱""顯示文字""顯示寬度"""/>設(shè)置按鈕顯示的文字—默認(rèn)“”或“重置”設(shè)置按鈕顯示寬度，不起作用，默認(rèn)為按鈕名稱長(zhǎng)度設(shè)置按鈕惟一名稱，只配合響應(yīng)單擊事件【例h4-9】提交、重置輸入信息<"31.0"""><><><>提交、重置輸入信息<><><><"#"""><h3"">用戶注冊(cè)頁(yè)面<3>輸入名稱：<"""20"/></>輸入密碼：<"""1""16"/></>確認(rèn)密碼：<"""2"/></>選擇性別：<"""""0"""/>男;<"""""1"/>女</>選擇您喜歡的運(yùn)動(dòng)：<"""""爬山"""/>爬山;<"""""游泳"""/>游泳;<"""""跑步"/>跑步</><"""""3"/></><"""提交"/><"""取消"/><><><>8、上傳文件選擇框""<"""名稱""顯示寬度""文件類(lèi)型列表"""/>該標(biāo)記顯示為一個(gè)文本框帶一個(gè)“瀏覽…”按鈕，可直接輸入上傳文件路徑及文件名，也可通過(guò)“瀏覽…”彈出對(duì)話框中選擇指定上傳文件的類(lèi)型列表—多種類(lèi)型逗號(hào)隔開(kāi)例如上傳和兩種圖像：","/>或："*"注意：應(yīng)避免使用—由服務(wù)器負(fù)責(zé)驗(yàn)證上傳文件。9、用圖像代替提交按鈕""<"""圖像文件""名稱""顯示寬度""圖像不顯示或鼠標(biāo)指向的替代文本""寬度""高度""01"/>該標(biāo)記可以顯示圖像代替提交按鈕，當(dāng)用戶點(diǎn)擊該圖像時(shí)通知<>收集表單數(shù)據(jù)并按發(fā)送給指定服務(wù)器程序。10、標(biāo)準(zhǔn)按鈕""<"""名稱""顯示名稱""顯示寬度"/>設(shè)置顯示寬度—不起作用，默認(rèn)為按鈕名稱長(zhǎng)度該標(biāo)記只定義一個(gè)可點(diǎn)擊的按鈕，對(duì)表單沒(méi)有任何行為，但可響應(yīng)單擊事件啟動(dòng)程序。例如通過(guò)單擊按鈕可調(diào)用函數(shù)()對(duì)表單中某些數(shù)據(jù)進(jìn)行驗(yàn)證：<"""驗(yàn)證表單數(shù)據(jù)""()"/>或者單擊按鈕調(diào)用函數(shù)()啟動(dòng)音頻播放器播放指定音樂(lè)：<"""打開(kāi)背景音樂(lè)""()"/>【例h4-10】表單應(yīng)用—使用表格可對(duì)表單元素定位<"31.0"""><><><>應(yīng)用輸入標(biāo)記<><><><"#"""><h3"">應(yīng)用輸入標(biāo)記<3><><><>輸入名稱：<><><""/><><><><>輸入密碼：<><><"""1"/><><><><>選擇性別：<><><"""""男"/>男;<"""""女"/>女<><><><>喜歡的運(yùn)動(dòng)：<><><"""""爬山"""/>爬山;<"""""游泳"""/>游泳<><>【例h4-10】表單應(yīng)用<><>上傳照片：<><><"""""30"/><><><><"""""3"/></><"""4-1""提交"/>單擊圖像提交表單數(shù)據(jù)<""/></><"""驗(yàn)證表單數(shù)據(jù)""()"/><"""打開(kāi)背景音樂(lè)""()"/><><><>4.2.3文本區(qū)標(biāo)記<><>標(biāo)記可定義一個(gè)多行文本區(qū)域，用于輸入無(wú)限數(shù)量的文本，只有位于<>內(nèi)方可被收集發(fā)送給服務(wù)器。<"名稱""可見(jiàn)行數(shù)""可見(jiàn)列數(shù)""換行模式""""">[初始默認(rèn)文本]<>和指定顯示行列數(shù)—可用的和屬性指定文本換行模式，取值、、按文本區(qū)寬度自動(dòng)換行—該換行不會(huì)傳給服務(wù)器按文本區(qū)寬度自動(dòng)換行并將該換行傳送給服務(wù)器由用戶控制換行注意：文本區(qū)標(biāo)記內(nèi)初始默認(rèn)文本中的空格、換行都會(huì)顯示在文本區(qū)，用戶輸入的文字默認(rèn)采用等寬字體()，輸入時(shí)可打回車(chē)或用""回車(chē)換行符進(jìn)行段落分隔。輸入內(nèi)容超出顯示區(qū)域后會(huì)自動(dòng)增加滾動(dòng)條。4.2.4按鈕標(biāo)記<><>標(biāo)簽可自定義按鈕，比<""/>按鈕提供了更強(qiáng)大的功能和更豐富的內(nèi)容，在內(nèi)可放置任意文本或圖像—包括多媒體播放內(nèi)容。唯一禁止的是圖像映射—避免鼠標(biāo)單擊按鈕與單擊圖像熱點(diǎn)區(qū)域的混淆。<"名稱""按鈕類(lèi)型""按鈕初始值""">[按鈕文本、圖像或多媒體]<>定義按鈕的類(lèi)型：普通(默認(rèn))、復(fù)位重置、提交(W3C規(guī)范及其他瀏覽器默認(rèn))設(shè)置按鈕的初始值，此值可被腳本修改。注意：<>最好配合事件，如果在表單中使用，不同瀏覽器會(huì)提交不同的值—例如提交<>與<>之間的文本，而其他瀏覽器將提交屬性值?！纠齢4-11】文本區(qū)與按鈕<"31.0"""><><><>使用文本區(qū)與按鈕<><><><"#""">單行文本框：<"只有一行內(nèi)容"/></><"5""30""">標(biāo)記內(nèi)空格換行有效。這是5行40列文本區(qū)，只能由用戶自己控制換行。<><"6""30""">這個(gè)文本區(qū)采用自動(dòng)換行模式，可按文本區(qū)寬度自動(dòng)換行并將該換行符傳送給服務(wù)器。<></></><"""()"></><h3>這是一個(gè)包含任意內(nèi)容的按鈕。<3><"4-1""按鈕圖片"/><h3>單擊這個(gè)按鈕可以引發(fā)事件。<3><><><><>4.2.5滾動(dòng)與下拉列表標(biāo)記<>、<><"名稱""可見(jiàn)選項(xiàng)數(shù)"""""><>選擇項(xiàng)<>……<><>標(biāo)記可創(chuàng)建下拉列表(單選菜單，只能選擇1項(xiàng))或滾動(dòng)列表(多選菜單，即可單選、也可同時(shí)按鍵選擇多項(xiàng))。指定菜單中可見(jiàn)選擇項(xiàng)數(shù)—指定滾動(dòng)或下拉列表類(lèi)型省略或取"1"為下拉列表—單選，大于1為滾動(dòng)列表屬性僅當(dāng)>1有效—允許滾動(dòng)列表多選省略為單選注意：下拉列表表單提交值：名稱=所選項(xiàng)的單個(gè)值滾動(dòng)列表提交值為數(shù)組：名稱={所選項(xiàng)1的值,所選項(xiàng)1的值,……}1、創(chuàng)建滾動(dòng)、下拉列表標(biāo)記<>2、列表選項(xiàng)標(biāo)記<><"提交選項(xiàng)值""名稱""""">頁(yè)面顯示的選項(xiàng)值<><>標(biāo)簽定義滾動(dòng)或下拉列表中的一個(gè)選項(xiàng)(條目)—必須在<>標(biāo)記內(nèi)使用。指定提交服務(wù)器的選項(xiàng)值—省略默認(rèn)顯示的選項(xiàng)文本指定列表初始被選中的項(xiàng)目—單選時(shí)只能指定1個(gè)指定該項(xiàng)首次加載時(shí)被禁用—不起作用【例h4-12】列表選擇框<"31.0"""><><><>使用下拉列表和滾動(dòng)列表<><><><"#""">用戶名：<""/></>密;碼：<""""/></>出生年月：<""><>1988<><>1989<><>1990<><"">1991<><>1992<><"">1993<><>1994<><>1995<><>1996<><>1997<><>1998<><>1999<><>2000<><>年【例h4-12】列表選擇框<""><"1">一月<><"2">二月<><"3""">三月<><"4">四月<><"5">五月<><"6">六月<><"7">七月<><"8">八月<><"9">九月<><"10">十月<><"11">十一月<><"12">十二月<><>月</></>愛(ài)好(多選)：特長(zhǎng)(單選)：</><"1""3"""><"1""">音樂(lè)<><"2">美術(shù)<><"3""">體育<><"4">勞動(dòng)<><>;;【例h4-12】列表選擇框<"2""3"><>唱歌<><>畫(huà)畫(huà)<><>長(zhǎng)跑<><>短跑<><></></><"""提交"/>;<"""重置"/><><><>3、列表項(xiàng)分組標(biāo)記<><"分組名"><>選擇項(xiàng)<>……<><>標(biāo)記可定義選項(xiàng)組，用于對(duì)列表項(xiàng)進(jìn)行分組，必須在<>標(biāo)記內(nèi)使用。分組名顯示為加粗斜體不能被選擇，被分組的列表項(xiàng)將采用縮進(jìn)顯示。【例h4-13】列表選擇框分組<"31.0"""><><><>使用下拉列表和滾動(dòng)列表<><><><"#""">請(qǐng)選擇選修課：<""><"客戶端語(yǔ)言"><><><><><><><><"服務(wù)器語(yǔ)言"><><><><><><><><"數(shù)據(jù)庫(kù)"><><><><><><><><><><><>去掉最后一對(duì)分組標(biāo)記4.2.6控件標(biāo)簽標(biāo)記<><"控件">標(biāo)注內(nèi)容<><>標(biāo)簽可為表單控件定義一個(gè)標(biāo)注或標(biāo)簽，當(dāng)用戶點(diǎn)擊該標(biāo)注內(nèi)容時(shí)瀏覽器自動(dòng)將光標(biāo)焦點(diǎn)轉(zhuǎn)到相關(guān)的控件上。屬性可將<>的標(biāo)注內(nèi)容綁定到表單控件—顯式關(guān)聯(lián)【例h4-14】使用控件標(biāo)簽<"31.0"""><><><>使用控件標(biāo)簽<><><><"#"""><"">用戶名：<""""/><></>密;碼：<""""""/></><""/><""/><><"">修改用戶名<></><"">修改密碼<><><>單擊“用戶名”或“修改用戶名”文本光標(biāo)會(huì)自動(dòng)移到""的文本框中，同樣單擊“修改密碼”文本光標(biāo)會(huì)自動(dòng)移到""的密碼框中。4.2.7表單分組及標(biāo)題標(biāo)記<><><><>分組標(biāo)題<>表單控件……<><>標(biāo)簽可將表單中一部分相關(guān)元素打包分組，瀏覽器以特殊方式顯示這組表單字段，例如特殊邊界、3D效果，甚至可創(chuàng)建一個(gè)子表單來(lái)處理這些元素。也可重新設(shè)置樣式。【例h4-15】對(duì)兩個(gè)表單分組，一個(gè)整體、一個(gè)部分分組<"31.0"""><><><>表單分組<><><><><>整體分組<><"#"""><>高度:<""/><><>寬度:<""/><><><>【例h4-15】對(duì)兩個(gè)表單分組，一個(gè)整體、一個(gè)部分分組<"#""">用戶名：<""/></>密;碼：<""""/></></><><>出生年月：<><""><>1990<><>1991<><>1992<><>1993<><>1994<><>1995<><>年<""><"一月">一月<><"二月">二月<><"三月">三月<><"四月">四月<><>月</></><></><""/><""/><><><>4.3瀏覽器滾動(dòng)字幕、背景音樂(lè)與多媒體<>滾動(dòng)文字—字幕文本<><>標(biāo)記可在瀏覽器中添加滾動(dòng)的文字—字幕。滾動(dòng)文本的樣式、變體、粗細(xì)、字號(hào)、字體等可使用設(shè)置。滾動(dòng)范圍—默認(rèn)瀏覽器寬度、文字的高度范圍上下/左右背景區(qū)域外的外邊距—默認(rèn)0即背景面積與周?chē)刂g的空白空間背景顏色，可用：:背景顏色;滾動(dòng)方向：(默認(rèn)),,,滾動(dòng)方式：循環(huán)(默認(rèn))一次往復(fù)循環(huán)次數(shù)(默認(rèn)無(wú)限)—""時(shí)為準(zhǔn)滾動(dòng)速度—每次移動(dòng)文字的距離，越大越快滾動(dòng)延時(shí)(毫秒)—每次移動(dòng)時(shí)間間隔,越小越快注意：字幕的移動(dòng)效果應(yīng)使用滾動(dòng)速度與滾動(dòng)延時(shí)協(xié)調(diào)配合。4.3.1瀏覽器滾動(dòng)文字標(biāo)記<>【例h4-16】滾動(dòng)文字<"31.0"""><><><>添加滾動(dòng)字幕<><><><h3"">添加滾動(dòng)字幕<3><><><":16黑體">設(shè)置字體的默認(rèn)滾動(dòng)<><><"00">設(shè)置了背景的默認(rèn)滾動(dòng)效果<><"50%""40""20""20""">設(shè)置了范圍、外邊距和背景的默認(rèn)滾動(dòng)效果<><"00">;;;;春曉<>春眠不覺(jué)曉，處處聞啼鳥(niǎo)。<>夜來(lái)風(fēng)雨聲，花落知多少。<><><><>【例h4-17】滾動(dòng)方向、方式、速度<"31.0"""><><><>字幕的滾動(dòng)方向方式和速度<><><><h3"">字幕的滾動(dòng)方向方式和速度<3><><"2""20">我向左無(wú)窮循環(huán)，速度慢<><"""5""6""4">我向右循環(huán)5次，速度快<><"""">我只向上移動(dòng)一次<><"""""5">我向下移動(dòng)，上下往返5次<><><>目前的滾動(dòng)字幕各自占據(jù)自己的空間，互相不重疊，可以通過(guò)設(shè)置滾動(dòng)字幕浮動(dòng)在頁(yè)面內(nèi)容之上滾動(dòng)。4.3.2瀏覽器播放背景音樂(lè)標(biāo)記<><"音樂(lè)文件""播放次數(shù)"/></>標(biāo)記可以將、、3格式的音樂(lè)或音頻文件作為網(wǎng)頁(yè)背景音樂(lè)播放。指定音頻文件的絕對(duì)或相對(duì)路徑及文件名用數(shù)字指定播放次數(shù)，默認(rèn)播放1次，取值-1或?yàn)闊o(wú)限循環(huán)【例h4-18】添加背景音樂(lè)<"31.0"""><><><>添加背景音樂(lè)<><"">{:18楷體2312;;/*圖片右上角對(duì)齊*/("4-2")100%0%;}h1{:黑體;;;}<><><><"寧夏3""5"><h1>水調(diào)歌頭-明月幾時(shí)有<1><>明月幾時(shí)有？把酒問(wèn)青天。<>不知天上宮闕，今夕是何年。<>我欲乘風(fēng)歸去，又恐瓊樓玉宇，<>高處不勝寒，起舞弄清影，何似在人間。<>轉(zhuǎn)朱閣，抵綺戶，照無(wú)眠。<>不應(yīng)有恨，何事偏向別時(shí)圓。<>人有悲歡離合，月有陰晴圓缺，此事古難全。<>但愿人長(zhǎng)久，千里共嬋娟。<><><>4.3.3瀏覽器播放多媒體標(biāo)記<><"多媒體文件""播放插件高度""播放插件寬度""是否隱藏播放插件""是否自動(dòng)播放""是否循環(huán)播放"><><>標(biāo)記是一個(gè)行內(nèi)標(biāo)記，可以播放音頻音樂(lè)3、、，視頻電影、、、和、動(dòng)畫(huà)等多媒體文件。指定音頻或視頻文件的絕對(duì)或相對(duì)路徑及文件名是否隱藏播放面板(默認(rèn))不隱藏隱藏自動(dòng)播放(默認(rèn))不自動(dòng)播放自動(dòng)播放循環(huán)播放(默認(rèn))只播放一次循環(huán)播放指定播放文件的類(lèi)型指定播放模式，默認(rèn)不透明，透明注意：對(duì)動(dòng)畫(huà)文件若不設(shè)置、則采用原圖尺寸，視頻文件若不指定會(huì)采用默認(rèn)播放器插件尺寸，音頻文件若不指定則播放器不可見(jiàn)—但會(huì)占據(jù)頁(yè)面固定的空間。如果指定了播放插件大小，但使用""隱藏播放插件，則播放插件大小無(wú)效仍占據(jù)頁(yè)面固定空間。<>標(biāo)記屬性值音頻音頻3、音頻音頻音頻

視頻

【例h4-19】播放音頻文件、文件第一個(gè)<>播放音頻，由于設(shè)置隱藏所以設(shè)置插件大小無(wú)效仍占據(jù)默認(rèn)固定空間。<"31.0"""><><><>播放音頻、文件<><><><h3>隱藏、自動(dòng)循環(huán)播放音頻文件<3><"酸酸甜甜就是我""400""100"""""""><><h3>播放文件<3><"太揚(yáng)家園""600""200"><><><>去掉""或改為則會(huì)按指定大小顯示播放器，此時(shí)若只去掉、則相當(dāng)于隱藏播放器?！纠齢4-20】播放視頻文件<"31.0"""><><><>播放視頻文件<><><><h3>自動(dòng)循環(huán)播放視頻文件<3><"搞笑""""400""300"""""><><h3>以下鏈接國(guó)內(nèi)外新聞<3><><>4.4播放多媒體標(biāo)記將圖像或多媒體音頻、視頻文件包含到網(wǎng)頁(yè)中最簡(jiǎn)單、最可靠的方法是使用超鏈接標(biāo)記<a>鏈接到這些文件，就像鏈接另一個(gè)文件。當(dāng)用戶單擊鏈接文本時(shí)可以“打開(kāi)”—播放或“保存”這些文件。為了將多媒體放到網(wǎng)頁(yè)，瀏覽器開(kāi)發(fā)商最初提供了多種相互沖突的解決方案，例如對(duì)<>的擴(kuò)展以及<>標(biāo)記也曾十分流行，最終都已被標(biāo)準(zhǔn)的<>取代。注意：不支持<>標(biāo)記。4.4.1嵌入對(duì)象標(biāo)記<>、<><>標(biāo)記可定義一個(gè)嵌入頁(yè)面的多媒體或?qū)ο?，由于并不是所有瀏覽器都支持<>標(biāo)記(如瀏覽器不顯示任何內(nèi)容)，因此<>同時(shí)提供了一個(gè)所有瀏覽器都能支持解決方案：如果不能顯示<>則執(zhí)行標(biāo)記內(nèi)的代碼，就是說(shuō)可以在<>標(biāo)記內(nèi)嵌套針對(duì)不同瀏覽器的<>或<>作為候補(bǔ)替換文本，實(shí)現(xiàn)最大程度地與瀏覽器兼容。1、嵌入播放器對(duì)象標(biāo)記<><首選嵌入對(duì)象標(biāo)記>—可位于或內(nèi)<為嵌入對(duì)象提供參數(shù)/><第一備用嵌入對(duì)象標(biāo)記><><其他備用替換標(biāo)記><><>指定瀏覽器引用對(duì)象的—通常是類(lèi)的指定嵌入對(duì)象的寬度高度指定對(duì)象的唯一名稱—以便在腳本中使用指定所引用代碼的類(lèi)型指定對(duì)象的基準(zhǔn)指定對(duì)象在加載過(guò)程中所顯示的文本指向與對(duì)象相關(guān)的資源文件列表—空格分隔指定對(duì)象需要處理的數(shù)據(jù)文件的指定指定文件的數(shù)據(jù)類(lèi)型指定對(duì)象僅可被聲明—不能創(chuàng)建—直到得到應(yīng)用指定與對(duì)象一同使用的客戶端圖像映射的不贊成、、、屬性2、為嵌入對(duì)象提供參數(shù)標(biāo)記</><"參數(shù)名稱—鍵名""參數(shù)值—鍵值"/></>標(biāo)簽必須在<>或<>標(biāo)簽內(nèi)使用，每個(gè)</>為包含它的<>或<>對(duì)象提供一個(gè)參數(shù)。可指定的參數(shù)名稱及對(duì)應(yīng)參數(shù)值：針對(duì)不同播放器不可同時(shí)使用指定播放器播放的音頻或視頻文件指定播放器播放的音頻或視頻文件指定播放器播放的文件，一般使用針對(duì)不同播放器不可同時(shí)使用指定播放器按鈕，默認(rèn)全部可用指定播放器按鈕，默認(rèn)全部可用是否循環(huán)播放，取值為：(默認(rèn))、是否自動(dòng)播放，取值為：(默認(rèn))、指定播放文件的類(lèi)型：音頻：音頻：3音頻：音頻：音頻：：：：視頻：：指定播放模式，默認(rèn)不透明，透明4.4.2<>播放文件文件播放器的屬性值為：D27661196B8-444553540000【例h4-21】播放文件，可以去掉<>標(biāo)記單獨(dú)使用<>標(biāo)記、也可以單獨(dú)使用<>標(biāo)記查看結(jié)果。<"31.0"""><><><>播放文件<><><><h3>正常播放不透明文件<3><"27661196B8-444553540000""770""150"><""""/><"""770""150"><><><h3>在背景圖片上播放透明文件，產(chǎn)生動(dòng)畫(huà)效果<3><"();"><"27661196B8-444553540000""770""150"><""""/><""""/><"""770""150"""><><><><><>4.4.3<>使用播放器播放器的屬性值：22D6F3120F6-11D0-940080C74C7E95使用播放器時(shí)必須用：<"""文件"/>指定播放文件的<""""/>指定播放器按鈕注意：播放音頻最好使用03-84-11840020【例h4-22】使用播放音頻文件<"31.0"""><><><>使用播放音頻<><><><p>本頁(yè)面使用媒體播放器，如果不能顯示可能您還沒(méi)有安裝</><a"">點(diǎn)擊這里<>可以免費(fèi)下載。<><p><":22D6F3120F6-11D0-940080C74C7E95""500""100"><""""/><"""酸酸甜甜就是我"/><""""/><""""/><"""酸酸甜甜就是我""500""100"""""/><><><><>僅僅播放音頻最好使用以下屬性值：03-84-11840020【例h4-23】使用播放視頻文件<"31.0"""><><><>使用播放視頻<><><><h3>使用播放視頻文件<3><p><":22D6F3120F6-11D0-940080C74C7E95""500""350"><""""/><"""搞笑"/>'<""""/><"""搞笑"