【正文】 密碼框?qū)嵗? form input type=text name=username value=請輸入用戶名 br input type=password name=password value=請輸入密碼 br input type=SUBMIT value=確認(rèn) input type=button value=取消 input type=RESET value=重置 /form 兩者的唯一區(qū)別 單選按鈕類型 radio用于單選，有以下屬性 ?(1) name 定義控件名稱 ?(2) value 定義控件的值 ?(3) checked 設(shè)定控件初始狀態(tài)是被選中的 ?(4) onclick 定義控件被選中時要執(zhí)行的函數(shù) ?(5) onfocus 定義控件為焦點(diǎn)時。 ?size 指定控件寬度 ,表示該文本輸入框所能顯示的最大字符數(shù)。 ?hidden隱藏控件的默認(rèn)值會隨表單一起發(fā)送給服務(wù)器 例如 input type=Hidden name=ss value=688 輸入密碼的區(qū)域 當(dāng)用戶輸入密碼時，區(qū)域內(nèi)將會顯示“ *”號 屬性 ?name 定義控件名稱。 復(fù)選框?qū)嵗? html head title 復(fù)選框 /title /head body center p align=center form p 你喜歡江山還是美人？ /p input type=“CHECKBOX” name=“a” value=“jiangshan” br input type=CHECKBOX name=b value=meiren br input type=CHECKBOX name=c value=all /form /p /center /body /html 隱藏區(qū)域 用戶不能在其中輸入，用來預(yù)設(shè)某些要傳送的信息 對用戶來說是不可見的 屬性 ?name 控件名稱。 ?onclick 定義控件被選中時要執(zhí)行的函數(shù)。 ?value 定義控件的值。)。 charset=gb2312 / title點(diǎn)擊按鈕 /title /head body script function msg() { alert(39。 ?onclick 指定單擊按鈕后要調(diào)用的函數(shù)。 Body div align=center embed src= autostart=true loop=true width=400 high=200 /div /Body 用 img標(biāo)簽插入多媒體文件 ? 其基本格式為： img dynsrc=avi文件地址 body center p align=center img dynsrc= /p /center /body img標(biāo)簽的屬性表 表單與頁面控件 重要的編程界面接口元素 DOM— 文檔對象模型 ? 從編程角度，可以將網(wǎng)頁各層次分解成不同對象 ? 瀏覽器窗口： window ? 網(wǎng)頁所在層面： document ? 網(wǎng)頁內(nèi)部層面： frame,form,button,… ? 在編程的時候，比如 javascript，本質(zhì)上就是操作這些對象，并調(diào)用它們的屬性和方法 ? 這些元素也是構(gòu)成與用戶交互的重要構(gòu)件 DOM— document 文檔對象模型 DOM— window 文檔對象模型 表單與頁面控件 ? 表單標(biāo)記 form ? 寫入標(biāo)記 input ? 下拉列表框 ? 可以輸入多行的文本框 表單標(biāo)記 form ? 表單在 Web網(wǎng)頁中用來給訪問者填寫信息，從而能采集客戶端信息，使網(wǎng)頁具有交互的功能 ? 表單是由窗體和控件組成的 格式： form action＝ url method=get|post name=myform target=_blank …… /form 處理程序的程序名 (包括 網(wǎng)絡(luò)路徑 :網(wǎng)址或相對路徑 ) 從表單中獲得信息的方式 寫入標(biāo)記 input ? 在 html語言中 ,標(biāo)記 input具有重要的地位，它能夠?qū)g覽器中的控件加載到 html文檔中 ? input type=“”標(biāo)志用來定義一個用戶輸入?yún)^(qū)，用戶可在其中輸入信息 ? input type=標(biāo)志中共提供了九種類型的輸入?yún)^(qū)域，具體是哪一種類型由 type屬性來決定 該標(biāo)記是單標(biāo)記，沒有結(jié)束標(biāo)記 必須放在 form/form標(biāo)志對之間 input 的屬性 1．單行的文本輸入?yún)^(qū)域 2．按鈕 3．復(fù)選框 4．隱藏區(qū)域 5．密碼輸入?yún)^(qū) 6．單選按鈕類型 7．使用圖像來代替 Submit按鈕 input type=text input type=button input type=CHECKBOX checked input type=HIDDEN input type=PASSWARD input type=RADIO input type=IMAGE src=URL 單行的文本輸入?yún)^(qū)域 (1)name定義控件名稱 (2)value指定控件初始值 , 屬性及說明 (3)size指定控件寬度 (4)maxlength表示該文本輸入框允許輸入的最大字符數(shù) (5)onchang 當(dāng)文本改變時要執(zhí)行的函數(shù) (6)onselect 當(dāng)控件被選中時要執(zhí)行的函數(shù) (7)onfocus 當(dāng)文本接受焦點(diǎn)時要執(zhí)行的函數(shù) 單行的文本輸入?yún)^(qū)域?qū)嵗? form input type=text name=username value=請輸入用戶名 /form Input 標(biāo)記單獨(dú)使用 Input 必須放在 form/form之間 按鈕 分類 普通按鈕 提交到服務(wù)器的按鈕 重置按鈕 input type=button input type=SUBMIT input type=RESET 可將表單內(nèi)容全部清除 當(dāng)這個按鈕被點(diǎn)擊時，就會連接到表單 form屬性 action指定的 url地址 按鈕共同的屬性 共同的屬性 ?name 指定按鈕名稱。 ? loop=2表示重復(fù)兩次 ? loop= true表示持續(xù)反復(fù)播放 ? loop=false表示只播放一次 Body div align=center embed src= autostart=true loop=true /div /Body hidden= ? 是否完全隱藏控制畫面 ? true為是， no為否 (默認(rèn) ) Body div align=center embed src= autostart=true loop=true hidden=true /div /Body starttime=分 :秒 ? 設(shè)定多媒體開始播放的時間 Body div align=center embed src= autostart=true loop=true starttime =00:30 /div /Body 設(shè)定多媒體從網(wǎng)頁打開 30秒后開始播放 volume=0100 ? 設(shè)定音量的大小，數(shù)值是 0到 100之間。 LOOP=2 表示重復(fù)兩次， Infinite 表示重復(fù)多次 插入多媒體 ? embed 是用來插入各種多媒體 ? 格式可以是 Midi、 Wav、 AIFF、 AU 等等 1． src= 2． autostart= 3． loop= 4. hidden= 5． starttime=分 :秒 6． volume=0100 7． width=整數(shù) 和 high=整數(shù) 屬性 src= ? 屬性用來設(shè)定多媒體檔案及路徑，可以是相對或絕對 ? Body ? div align=center ? embed src= ? /div ? /Body autostart= ? autostart= 屬性設(shè)定是否在音樂檔下載完之后就自動播放。 ? bgsound src= autostart=true loop=infinite 設(shè)定背景音樂的檔案及路徑，可以是相對路徑或絕對路徑 是否在音樂檔下載完之后就自動播放。 /p p 胡未滅，鬢先秋，淚空流。 ? 我們可以通過 align屬性設(shè)定文字表格的位置 Body div align=center h3訴衷情 /h3 p 當(dāng)年萬里覓封候，匹馬戍梁州。 ? 該標(biāo)記允許保留你在原代碼中輸入的空白和回車 Body center p pre 編號 名稱 價格 (元 ) 001 語文教材 /pre /p /center /Body 很實(shí)用 ~~ 定位標(biāo)記 ? div稱為定位標(biāo)記。 /p br p align=center 胡未滅，鬢先秋，淚空流。此生誰料，心在天山，身老滄洲！ /p h3 align=center訴衷情 /h3 p align=center當(dāng) 年萬里覓封候，匹馬戍梁州。此生誰料，心在天山，身老滄洲！ /p /Body 換行標(biāo)記 br ? br標(biāo)記用來創(chuàng)建一個回車換行 ? 如果 br標(biāo)記處在 p/p標(biāo)記對外面，將創(chuàng)建一個大的回車換行 ? 若處在 p/p標(biāo)記對之間， br標(biāo)記前面和后面文本的行與行之間的距離將比較小 注意： br標(biāo)記只有開始標(biāo)記，沒有結(jié)束標(biāo)記 換行標(biāo)記實(shí)例 Body h3 align=center訴衷情 /h3 p align=center 當(dāng)年萬里覓封候，匹馬戍梁州。關(guān)河夢斷何處？塵暗舊貂裘。結(jié)束標(biāo)識和開始標(biāo)識可以不在一行上。 ?注解內(nèi)容允許為空。 頁面版式控制與多媒體效果 頁面版式控制 ?排版標(biāo)記分為 ?!注解 、 P、 BR、 HR、 CENTER、PRE、 DIV、 NOBR、 WBR ?名稱依次為： ?注釋標(biāo)記 ?分段標(biāo)記 ?換行標(biāo)記 ?水平線標(biāo)記 ?居中標(biāo)記 ?預(yù)排版標(biāo)記 ?定位標(biāo)記 注釋標(biāo)記 ? 像很多計算機(jī)語言一樣， HTML 也提供注釋功能 用法 ： ? 注釋的功能： !（開始標(biāo)記） +注釋內(nèi)容 +（結(jié)束標(biāo)記） 為文中不同的部分加上說明，方便日后修改 用作版權(quán)聲明 注意 : ?注釋標(biāo)記中沒有任何屬性。 br欲窮千里目，更上一層樓。 ? 框架也可以理解為是一種窗口，有些文章把它翻譯為“窗口” 框架，其中含 2個網(wǎng)頁 框架標(biāo)記 ? 設(shè)計框架頁面時， Frame標(biāo)記和 Frameset標(biāo)記用于定義框架網(wǎng)頁的結(jié)構(gòu) ? 由于框架網(wǎng)頁的出現(xiàn)，從根本上改變了 HTML文檔的傳統(tǒng)結(jié)構(gòu) ,因此在出現(xiàn) Frameset標(biāo)記的文檔中，將不再使用 Body標(biāo)記 ? FRAMESET是用來劃分框窗，每一窗框由一個 FRAME標(biāo)記所標(biāo)示， FRAME必須在 FRAMESET范圍中使用 基本結(jié)構(gòu) Html Head /Head Frameset Frame src=url /Frameset /Html 框架尺寸設(shè)置 ? 可以將窗口分割為幾塊，橫向分用 ROWS屬性，縱向分用COLS屬性，每一塊的大小可以由這兩個屬性的值來實(shí)現(xiàn) 例如： frameset cols= frameset cols=100， 200， 300 frameset rows= frameset rows=10%， 20%， 70% 其中的任何一個數(shù)字也可以由“ *”來代替 如： framese