-網(wǎng)頁制作基礎(chǔ)語言-HTML課件_第1頁
-網(wǎng)頁制作基礎(chǔ)語言-HTML課件_第2頁
-網(wǎng)頁制作基礎(chǔ)語言-HTML課件_第3頁
-網(wǎng)頁制作基礎(chǔ)語言-HTML課件_第4頁
-網(wǎng)頁制作基礎(chǔ)語言-HTML課件_第5頁
已閱讀5頁,還剩40頁未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

機(jī)械工業(yè)出版社同名教材配套電子教案2011.82.1HTML簡(jiǎn)介 2.2HTML文檔的基本結(jié)構(gòu) 2.3網(wǎng)頁文件的創(chuàng)建過程 2.4段落標(biāo)記 2.5文字標(biāo)記 2.6超鏈接 2.7圖片 2.8列表 2.9表格 2.10字幕、音頻和視頻 2.11框架(多窗口頁面) 2.12表單

第2章網(wǎng)頁制作基礎(chǔ)語言——HTML

HTML是HypertextMarkupLanguage(超文本標(biāo)記語言)的縮寫,是一種為普通文件中某些字句加上標(biāo)識(shí)的語言,其目的在于運(yùn)用標(biāo)記(tag)對(duì)文件達(dá)到預(yù)期的效果。它是構(gòu)成Web頁面(Page),用來表示W(wǎng)eb頁面的符號(hào)標(biāo)記語言。通過HTML,將所需要表達(dá)的信息按某種規(guī)則寫成HTML文件,通過專用的瀏覽器來識(shí)別,并將這些HTML文件翻譯成可以識(shí)別的信息,就是所見到的網(wǎng)頁。

HTML語言是建立網(wǎng)頁的規(guī)范或標(biāo)準(zhǔn),從它出現(xiàn)發(fā)展到現(xiàn)在,規(guī)范不斷完善,功能越來越強(qiáng)。但是依然有缺陷和不足,人們?nèi)栽诓粩嗟母倪M(jìn)它,使它更加便于控制和有彈性,以適應(yīng)網(wǎng)絡(luò)上的應(yīng)用需求。2000年,W3C組織公布發(fā)行了XHTML1.0版本。XHTML1.0是一種在HTML4.0基礎(chǔ)上優(yōu)化和改進(jìn)的新語言,目的是基于XML應(yīng)用。XHTML是一種增強(qiáng)了的HTML,它的可擴(kuò)展性和靈活性將適應(yīng)未來網(wǎng)絡(luò)應(yīng)用更多的需求。

2.1HTML簡(jiǎn)介

HTML文檔是一種純文本格式的文件,HTML文檔的基本結(jié)構(gòu)為:<html><head><title>網(wǎng)頁的標(biāo)題</title></head><body>網(wǎng)頁的內(nèi)容</body></html>

【例2-1】2.2HTML文檔的基本結(jié)構(gòu)

2.2.2HTML的基本結(jié)構(gòu)用最簡(jiǎn)單的“記事本”來編輯網(wǎng)頁。①打開記事本。單擊Windows的“開始”按鈕,在“程序”菜單中的“附件”子菜單中單擊“記事本”。②創(chuàng)建新文件,并按HTML語言規(guī)則編輯。在“記事本”窗口中輸入HTML語言,輸入的內(nèi)容。③保存網(wǎng)頁。打開“記事本”的“文件”菜單,選擇“保存”。此時(shí)將出現(xiàn)“另存為”對(duì)話框,在“保存在”下拉列表框中選擇文件要存放的路徑;在“文件名”文本框輸入以.html或.htm為后綴的文件名,如mypage1.html;在“保存類型”下拉列表框中選擇“文本文檔”。最后單擊“保存”按鈕,將記事本中的內(nèi)容保存在磁盤中。

如果希望這一頁是網(wǎng)站的首頁(主頁),想讓瀏覽者輸入網(wǎng)址后,就顯示這一頁的內(nèi)容,可以把這個(gè)文件設(shè)為默認(rèn)文檔,文件名為index.html或index.htm。2.3網(wǎng)頁文件的創(chuàng)建過程

2.3.1編輯和保存網(wǎng)頁

通過編輯可以得到一個(gè).html文件,要想使這個(gè)文檔顯示出網(wǎng)頁的樣子,就要使用瀏覽器進(jìn)行預(yù)覽。有兩種方法可以打開.html網(wǎng)頁文件。1.用瀏覽器打開

網(wǎng)頁在瀏覽后會(huì)有不滿意的地方,此時(shí)可重新在“記事本”中打開該.html文件修改;或者在瀏覽器中直接打開源文件(在IE中,從“查看”菜單中的“源文件”中打開)。修改后,單擊“文件”菜單中的“保存”命令。如果瀏覽器沒有關(guān)閉,要在瀏覽器中看到修改后的效果,不必重新打開該文件,直接單擊瀏覽器工具欄上的“刷新”按鈕。2.在“Windows資源管理器”或“我的電腦”中打開在“Windows資源管理器”或“我的電腦”中雙擊要打開的.html文件,這時(shí)將直接在默認(rèn)的瀏覽器中打開該.html文件。

2.3網(wǎng)頁文件的創(chuàng)建過程

2.3.2預(yù)覽網(wǎng)頁

段落標(biāo)記放在一個(gè)段落的頭尾,用于定義一個(gè)段落。<p>...</p>標(biāo)記不但能使后面的文字換到下一行,還可以使兩段之間多一空行,相當(dāng)于兩個(gè)<br><br>標(biāo)記。段落標(biāo)記的格式為:<palign="left|center|right">文字</p>一個(gè)段落標(biāo)記<p>可以看作是兩個(gè)<br>標(biāo)記,即<br><br>。其中屬性align用來設(shè)置段落文字在網(wǎng)頁上的對(duì)齊方式:left(左對(duì)齊)、center(居中)和right(右對(duì)齊)。缺省時(shí)默認(rèn)為left。格式中的“|”表示“或者”,即多中選一?!纠?-3】

2.4段落標(biāo)記2.4.3段落標(biāo)記<p>...</p>

設(shè)定文字、圖像、表格的擺放位置。當(dāng)在許多段落中設(shè)置對(duì)齊方式時(shí),常使用<div>…</div>標(biāo)記。定位標(biāo)記的格式為:<divalign="left|center|right">文本、圖像或表格</div>其中屬性align用來設(shè)置文本塊、一段文字或標(biāo)題在網(wǎng)頁上的對(duì)齊方式:left、center和right。缺省時(shí)默認(rèn)為left?!纠?-4】2.4段落標(biāo)記2.4.4定位標(biāo)記<div>…</div>

在頁面中插入一條水平標(biāo)尺線,可以使不同功能的文字分隔開,看起來整齊、明了。當(dāng)瀏覽器解釋到HTML文檔中的<hr>標(biāo)記時(shí),會(huì)在此處換行,并加入一條水平線段。線段的樣式由標(biāo)記的參數(shù)決定。水平線標(biāo)記的格式為:<hralign="left|center|right"size="橫線粗細(xì)"width="橫線長(zhǎng)度"color="橫線色彩"noshade>

size設(shè)定線條粗細(xì),以像素為單位,默認(rèn)為2。width設(shè)定線段長(zhǎng)度,可以是絕對(duì)值(以像素為單位)或相對(duì)值(相對(duì)于當(dāng)前窗口的百分比)。

color設(shè)定線條色彩,默認(rèn)為黑色??梢圆捎蒙实拿Q。色彩可以用相應(yīng)英文單詞或以“#”引導(dǎo)的一個(gè)十六進(jìn)制數(shù)代碼來表示。【例2-5】

2.4段落標(biāo)記2.4.5水平線標(biāo)記<hr>

在網(wǎng)頁中為了增強(qiáng)頁面的層次,其中的文字可以用不同的大小、字體、字型、色彩。用<font>標(biāo)記設(shè)置字號(hào)(<font>被W3C列為不建議使用的標(biāo)記,以后將學(xué)習(xí)用CSS來設(shè)定字體)。設(shè)置文字大小的格式為:<fontsize="數(shù)字"face="字體名"color="色彩">被設(shè)置的文字</font><font>標(biāo)記可設(shè)定文字的字體、字號(hào)和色彩。size用來設(shè)置文字的大小。數(shù)字的取值范圍從1~7,size取1時(shí)最小,取7時(shí)最大。face用來設(shè)置字體。如黑體、宋體、楷體_GB2312、隸書、TimesNewRoman等。color用來設(shè)置文字色彩。【例2-7】

【例2-8】

【例2-9】

【例2-10】

2.5文字標(biāo)記

2.5.2字體標(biāo)記<font>...</font>

超鏈接(Hyperlink)是網(wǎng)頁互相聯(lián)系的橋梁,超鏈接可以看作是一個(gè)“熱點(diǎn)”,它可以從當(dāng)前網(wǎng)頁定義的位置跳轉(zhuǎn)到其他位置,包括當(dāng)前頁的某個(gè)位置、Internet或本地硬盤或局域網(wǎng)上的其他文件,甚至跳轉(zhuǎn)到聲音、圖片等多媒體文件。瀏覽網(wǎng)頁是超鏈接最普遍的一種應(yīng)用,通過超鏈接還可以獲得不同形態(tài)的服務(wù),如文件傳輸、資料查詢、電子郵件、遠(yuǎn)程訪問等。當(dāng)網(wǎng)頁包含超鏈接時(shí),網(wǎng)頁中的外觀形式為彩色(一般為藍(lán)色)且?guī)聞澗€的文字或圖片。單擊這些文本或圖片,可跳轉(zhuǎn)到相應(yīng)位置。鼠標(biāo)指針指向超鏈接的顯示文本或圖片時(shí),將變成手形。超文本鏈接使用錨點(diǎn)標(biāo)記<a>來定義。

2.6超鏈接

錨點(diǎn)(anchor)標(biāo)記由<a>定義,它在網(wǎng)頁上建立超文本鏈接。通過單擊一個(gè)詞、句或圖片,可從此處轉(zhuǎn)到另一個(gè)鏈接資源(目標(biāo)資源),這個(gè)目標(biāo)資源有惟一的地址(URL)。具有以上特點(diǎn)的詞、句或圖片就稱為熱點(diǎn)。<a>標(biāo)記的格式為:<ahref="URL"target="打開窗口方式">熱點(diǎn)</a>href屬性為超文本引用,它的值為一個(gè)URL,是目標(biāo)資源的有效地址。如果要?jiǎng)?chuàng)建一個(gè)不鏈接到其他位置的空超鏈接,可用“#”代替URL,即<ahref="#">熱點(diǎn)</a>。target屬性設(shè)定鏈接被單擊后結(jié)果所要開始窗口的方式??蛇x值為:_blank,_parent,_self,_top。

2.6超鏈接2.6.1錨點(diǎn)標(biāo)記<a>...</a>

要在當(dāng)前頁面內(nèi)實(shí)現(xiàn)超鏈接,需要定義兩個(gè)標(biāo)記:一個(gè)為超鏈接標(biāo)記,另一個(gè)為書簽標(biāo)記。超鏈接標(biāo)記的格式為:<ahref="#記號(hào)名">熱點(diǎn)文本</a>書簽就是用<a>標(biāo)記對(duì)該文本作一個(gè)記號(hào)。格式為:<aname="記號(hào)名">目標(biāo)文本附近的字符串</a>【例2-12】

如果要建立指向其他頁面某處的文本,格式為:<ahref="URL#記號(hào)名">熱點(diǎn)文本</a>要在跳轉(zhuǎn)到的位置處加上鏈接標(biāo)記:<aname="記號(hào)名">文字串</a>如果鏈接指向其他文件的某一部分,格式為:<ahref="目標(biāo)文件路徑/文件名#記號(hào)名">熱點(diǎn)文本</a>2.6超鏈接2.6.3指向本頁中的鏈接

如果鏈接到的文件不是HTML文件,則該文件將作為下載文件,其格式為:<ahref="下載文件名">熱點(diǎn)文本</a>【例2-13】

2.6.5指向電子郵件的鏈接

單擊指向電子郵件的鏈接,將打開缺省的電子郵件程序,如FoxMail、OutlookExpress,并自動(dòng)填寫郵件地址。指向電子郵件鏈接的格式為:<ahref="mailto:E-mail地址">熱點(diǎn)文本</a>

例如,E-,建立如下鏈接:免費(fèi)電話:80012345678信箱:<ahref="mailto:"></a>2.6超鏈接2.6.4指向下載文件的鏈接1.設(shè)置背景色格式為:<bodybgcolor="色彩值">“色彩值”可以為色彩的英文名或相應(yīng)十六進(jìn)制值。2.用圖片作為背景使用<body>標(biāo)記的background屬性,可為網(wǎng)頁鋪上背景圖片。格式為:<bodybackground="圖片文件名">background取值為一個(gè)圖片文件名,并且要指出文件存放的路徑,可以是相對(duì)路徑,也可以是絕對(duì)路徑。圖片文件可為GIF格式或JPEG格式的文件。在瀏覽器中,作為背景的圖片將按原來的大小復(fù)制,重復(fù)鋪滿整個(gè)網(wǎng)頁?!纠?-14】

2.7圖片2.7.1網(wǎng)頁的背景

如果不設(shè)置文本對(duì)圖片的環(huán)繞,圖片在頁面會(huì)占一片空白。利用<img>標(biāo)記的屬性,可以使文本環(huán)繞圖片。使用該標(biāo)記設(shè)置文本環(huán)繞方式后,將一直有效,直到遇到下一個(gè)設(shè)置標(biāo)記。如果想取消文本環(huán)繞圖片,可使用<brclear>標(biāo)記,其后的文本將不再環(huán)繞圖片。格式為:<brclear="left|right|all">其中clear的取值可為:left(解除在圖片左側(cè)放置的文本)、right(解除在圖片右側(cè)放置的文本)或all(解除在圖片左、右側(cè)放置的文本)。

【例2-17】

2.7圖片2.7.2圖片標(biāo)記<img>

圖片也可作為熱點(diǎn),單擊圖片則跳轉(zhuǎn)到被鏈接的文本或其他文件。格式為:<ahref="URL"><imgsrc="圖片文件名"></a>例如,下面代碼:<ahref="vb_book.html"><imgsrc="vb.jpg"alt="VB封面"width="140"height="190"hspace="10"vspace="5"></a>2.7圖片2.7.3用圖片作為超鏈接

無序列表中每一個(gè)表項(xiàng)的前面是項(xiàng)目符號(hào)(如●、■等符號(hào))。建立無序列表使用<UL>標(biāo)記和<li>表項(xiàng)標(biāo)記。格式為:<ultype="符號(hào)類型"><litype="符號(hào)類型1">第一個(gè)列表項(xiàng)<litype="符號(hào)類型2">第二個(gè)列表項(xiàng)…</ul>值得注意的是,<li>標(biāo)記是單標(biāo)記。即一個(gè)表項(xiàng)的開始,就是前一個(gè)表項(xiàng)的結(jié)束。type指定每個(gè)表項(xiàng)左端的符號(hào)類型,可為disc(實(shí)心圓點(diǎn))、circle(空心圓點(diǎn))、square(方塊),也可自己設(shè)置圖片?!纠?-18】

2.8列表

2.8.1無序列表標(biāo)記<ul><li>...</ul>

最簡(jiǎn)單的表格僅包括行和列。表格的標(biāo)記為<table>,行的標(biāo)記為<tr>,表項(xiàng)的標(biāo)記為<td>。格式為:<tableborder="n"width="x|x%"height="y|y%"cellspacing="i"cellpadding="j"><tr><th>表頭1</th><th>表頭2</th><th>…</th><th>表頭n</th><tr><td>表項(xiàng)1</td><td>表項(xiàng)2</td><td>…</td><td>表項(xiàng)n</td>…<tr><td>表項(xiàng)1</td><td>表項(xiàng)2</td><td>…</td><td>表項(xiàng)n</td></table>【例2-21】

【例2-22】

2.9表格

2.9.1簡(jiǎn)單表格

在缺省下,表項(xiàng)居于單元格的左端??捎昧?、行的屬性設(shè)置表項(xiàng)數(shù)據(jù)在單元格中的位置。1.水平對(duì)齊表項(xiàng)數(shù)據(jù)的水平對(duì)齊用標(biāo)記<th>、<td>和<tr>的align屬性。align的屬性值分別為:center(表項(xiàng)數(shù)據(jù)的居中)、left(左對(duì)齊)、right(右對(duì)齊)或justify(左右調(diào)整)?!纠?-23】2.垂直對(duì)齊

表項(xiàng)數(shù)據(jù)的垂直對(duì)齊用標(biāo)記<th>、<td>和<tr>的valign屬性。valign的屬性值分別為:top(靠單元格頂)、bottom(靠單元格底)、middle(靠單元格中)或baseline(同行單元數(shù)據(jù)項(xiàng)位置一致)?!纠?-24】

2.9表格

2.9.2表格內(nèi)文字的對(duì)齊方式

流動(dòng)字幕標(biāo)記的格式為:

<marqueedirection="left|right|up|down"behavior="scroll|slide|alternate"loop="i|-1|infinite"hspace="m"vspace="n"scrollamount="i"scrolldelay="j"align="top|middle|bottom"bgcolor="色彩"width="x|x%"height="y">流動(dòng)文字或(和)圖片</marquee>

【例2-26】

2.10字幕、音頻和視頻

2.10.1字幕標(biāo)記<marquee>

用瀏覽器可以播放的音頻格式有:MIDI音樂、WAV音樂、AU格式。1.點(diǎn)播音樂<a>...</a>將音樂做成一個(gè)鏈接,只需單擊該鏈接,就可以聽到音樂了。其格式為:

<ahref="音頻文件地址">熱點(diǎn)文本</a>例如:播放一段MIDI音樂:<ahref="ourlove.mid">我們的愛</a>2.10字幕、音頻和視頻

2.10.2音頻

2.內(nèi)嵌音頻播放插件<embed>通過內(nèi)嵌音頻播放插件可以在瀏覽器中出現(xiàn)控制面板,也可作為背景音樂。其格式為:<embedsrc="音樂文件地址"autostart="true|false"loop="true|false|n"startime="分:秒"volume="0~100"width="x|x%"height="y|y%"hidden="true"controls="console|smallconsole">

【例2-27】

3.IE中的背景音樂

可以插入背景音樂格式,不過只有在IE瀏覽器中才可以聽到。其格式為:

<bgsoundsrc="聲音文件地址"loop="播放次數(shù)">播放次數(shù)取-1或infinte時(shí),聲音將一直播放直到關(guān)閉該網(wǎng)頁為止。

2.10字幕、音頻和視頻

2.10.2音頻

用瀏覽器可以播放的格式有:MOV格式、AVI格式。1.鏈接一個(gè)視頻文件<a>...</a>與鏈接音頻文件一樣,可將將將視頻文件做成一個(gè)鏈接。其格式為:<ahref="視頻文件地址">熱點(diǎn)文本</a>例如:播放一段視頻:<ahref="welcome.avi">歡迎光臨</a>2.內(nèi)嵌視頻播放插件<embed>格式為:<embedsrc="視頻文件地址"autostart="true|false"loop="true|false|n"startime="分:秒"volume="0~100"width="x|x%"height="y|y%"hidden=truecontrols="console|smallconsole">【例2-28】

2.10字幕、音頻和視頻

2.10.3視頻

框架(Frames)也稱多窗口頁面或幀,是在同一瀏覽器窗口中顯示多個(gè)相互隔離的HTML頁的結(jié)構(gòu),每個(gè)區(qū)域顯示一個(gè)HTML文件。2.11.1建立框架

框架的建立使用<frameset>、<frame>兩個(gè)標(biāo)記。<frameset>用來劃分窗格,<frame>標(biāo)記用來聲明其中框架頁面的內(nèi)容。框架的基本結(jié)構(gòu)為:<html><head>...</head><frameset><!--劃分窗格--><framesrc="url"><!--定義第1個(gè)窗格--><framesrc="url"><!--定義第2個(gè)窗格-->…</frameset></html>2.11框架(多窗口頁面)1.<frameset>標(biāo)記<frameset>標(biāo)記用來定義一個(gè)框架組的屬性,格式為:

<framesetrows="橫向框架數(shù)"cols="縱向框架數(shù)"border="像素值"bordercolor="色彩值"frameborder="yes|no"framespacing="像素值">…</frameset>其中屬性:

row 設(shè)定橫向分割的框架數(shù)目cols 設(shè)定縱向分割的框架數(shù)目border 設(shè)定邊框的寬度bordercolor 設(shè)定邊框的色彩frameborder 設(shè)定有∕無邊框framespacing 設(shè)置各窗格間的空白

2.11框架(多窗口頁面)框架有橫向和縱向之分。對(duì)一個(gè)框架來說,其大小是很重要的。<frameset>的rows和cols屬性用于設(shè)定橫向分割和縱向分割的框架數(shù)目。例如,要建立有三個(gè)橫向框架的頁面,可寫為:

<framesetrows="x1|y1%|z1*,x2|y2%|z2*,x3|y3%|z3*">2.11框架(多窗口頁面)2.<frame>標(biāo)記<frame>標(biāo)記用于給各個(gè)框架指定頁面的內(nèi)容,也就是,它將各個(gè)框架和包含其內(nèi)容的那個(gè)文件聯(lián)系在一起。<frame>是一個(gè)單標(biāo)記,格式為:

<framesrc="源文件名.html"name="框架名"border="像素值"bordercolor="色彩值"frameborder="yes|no"marginwidth="像素值"marginheight="像素值"scrolling="yes|no|auto"noresize>

<frame>標(biāo)記的個(gè)數(shù)應(yīng)等于在<frameset>標(biāo)記中所定義的框架數(shù),并按在文件中出現(xiàn)的次序按先行后列對(duì)框架進(jìn)行初始化。如果<frame>標(biāo)記數(shù)目少于<frameset>中定義的框架數(shù)量,則多余的框架為空。

【例2-29】

【例2-30】

2.11框架(多窗口頁面)

在很多網(wǎng)頁中,常在一個(gè)框架中顯示一個(gè)所有網(wǎng)頁內(nèi)容的目錄,而通過單擊其中的某項(xiàng),在另一個(gè)框架中顯示相應(yīng)內(nèi)容。這些目錄是熱點(diǎn)文本,需要在框架之間建立超鏈接,并指明顯示的目標(biāo)文件的框架。使用<a>的target屬性就可以控制目標(biāo)文件在那個(gè)框架內(nèi)顯示。當(dāng)單擊熱點(diǎn)文本時(shí),目標(biāo)文件就會(huì)出現(xiàn)在有target指定的框架內(nèi)。target屬性的值可以為框架名,使用格式為:<ahref="目標(biāo)文件名.html"target="框架名">熱點(diǎn)文本</a>

2.11框架(多窗口頁面)2.11.2框架間的鏈接

另外,“框架名”有4個(gè)特殊的值,分別實(shí)現(xiàn)4類特殊的操作:target="_blank":鏈接的目標(biāo)文件被顯示在一個(gè)新的沒有名字的瀏覽器窗口中。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è)瀏覽器窗口中?!纠?-31】

2.11框架(多窗口頁面)2.11.2框架間的鏈接

網(wǎng)頁上具有可輸入表項(xiàng)及項(xiàng)目選擇等控制所組成的欄目稱為表單。在網(wǎng)頁中,通過表單交流和反饋信息。格式為:

<formname="表單名"action="URL"method="get|post"><inputtype="表項(xiàng)類型"name="表項(xiàng)名"value="缺省值"size="x"maxlength="y">…</form>name屬性:表單的名字,在一個(gè)網(wǎng)頁中用于惟一識(shí)別一個(gè)表單action屬性:表單處理的方式,往往是E-mail地址或網(wǎng)址method屬性:表單數(shù)據(jù)的傳送方向,是獲得(GET)表單還是送出(POST)表單2.12表單

2.12.1表單的標(biāo)記<form>...</form>

使用<input>標(biāo)記的type屬性,可以在表單中加入表項(xiàng),并控制表項(xiàng)的風(fēng)格。type屬性值為text,則輸入的文本以標(biāo)準(zhǔn)的字符顯示;type屬性值為password,則輸入的文本顯示為“*”。在表項(xiàng)前應(yīng)加入表項(xiàng)的名稱,如“您的姓名”等,以告訴瀏覽者在隨后的表項(xiàng)中輸入的內(nèi)容。【例2-32】

2.12表單

2.12.2文字和密碼的輸入

如果瀏覽者想清除輸入到表單中的全部?jī)?nèi)容,可以使用<input>標(biāo)記中的type屬性所設(shè)的重置(reset)按鈕,當(dāng)瀏覽者完成表單的填寫,想要發(fā)送時(shí),可使用<input>標(biāo)記的屬性type所設(shè)的提交(submit)按鈕,將表單內(nèi)容送給action中的網(wǎng)址或函件信箱。格式為:

<inputtype="reset"value="按鈕名"><inputtype="submit"value="按鈕名">當(dāng)缺省value的設(shè)置值時(shí),重置和提交的按鈕分別顯示為“重置”和“提交查詢內(nèi)容”。例如:<form><inputtype="text"

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論