深圳網(wǎng)站制作,在上篇文章中介紹過幾種靜態(tài)頁面制作的方法,今天接上篇文章分享靜態(tài)頁面制作,表單標簽的的屬性與制作方法。
一、表單標簽表單標簽主要用來制作交互式表單,主要包括下面幾個標簽。
? <form>:定義供用戶輸入的HTML表單。
? <input>:定義輸入控件。
? <textarea>:定義多行的文本輸入控件。
? <button>:定義按鈕。
? <select>:定義選擇列表(下拉列表)。
? <optgroup>:定義選擇列表中相關(guān)選項的組合。
? <option>:定義選擇列表中的選項。
? <label>:定義input元素的標注。
? <fieldset>:定義圍繞表單中元素的邊框。
? <legend>:定義fieldset元素的標題。
? <datalist>:定義下拉列表。
? <keygen>:定義生成密鑰。
? <output>:定義輸出的一些類型
【示例8】新建文檔,保存為test7.html。輸入下面代碼,分別定義單行文本框、多行文本框、復選框、單選按鈕、下拉菜單和提交按鈕的表單。
按F12鍵,在瀏覽器中預覽,則顯示效果如圖
所示。設計表單界面文檔結(jié)構(gòu)塊標簽文檔結(jié)構(gòu)塊標簽主要用于定義符合標準化設計需求的文檔結(jié)構(gòu)塊,主要包括下面幾個標簽。
? <div>:定義文檔中的分區(qū)或節(jié)(division/section),節(jié)表示內(nèi)容結(jié)構(gòu)塊。
? <span>:用來組合文檔中的行內(nèi)元素。
? <header>:定義section或page的頁眉。
? <footer>:定義section或page的頁腳。
? <section>:定義section。
? <article>:定義文章。
? <aside>:定義頁面內(nèi)容之外的內(nèi)容。
? <details>:定義元素的細節(jié)。
? <dialog>:定義對話框或窗口。
? <summary>:為<details>元素定義可見的標題。
二、編程標簽編程標簽用于設計復雜的參數(shù)配置、程序設計或者樣式代碼,主要包括下面幾個標簽。
? <style>:定義文檔的樣式信息。
? <script>:定義客戶端腳本。
? <noscript>:定義針對不支持客戶端腳本的用戶的替代內(nèi)容。
? <embed>:為外部應用程序(非HTML)定義容器。
? <object>:定義嵌入的對象。
? <param>:定義對象的參數(shù)。
1、HTML屬性每個HTML標簽還包含很多屬性,但是大部分屬性都是公共的。公共屬性大致可分為基本屬性、語言屬性、鍵盤屬性、內(nèi)容屬性和延伸屬性等類型?;緦傩曰緦傩灾饕ㄏ旅?個,這3個基本屬性為大部分元素所擁有。
? class:定義類規(guī)則或樣式規(guī)則。
? id:定義元素的唯一標識。
? style:定義元素的樣式聲明。
2.語言屬性語言屬性主要用來定義元素的語言類型,包括兩個屬性。
? lang:定義元素的語言代碼或編碼。
? dir:定義文本的方向,包括ltr和rtl取值,分別表示從左向右和從右向左。
【示例1】分別為網(wǎng)頁代碼定義了中文簡體的語言,字符對齊方式為從左到右的方式。第二行代碼為body定義了美式英語。<htmlxmlns="http://www.w1.org/1999/xhtml"dir="ltr"xml:lang="zh-CN"><bodyid="myid"lang="en-us">
3.鍵盤屬性鍵盤屬性定義元素的鍵盤訪問方法,包括兩個屬性。
? accesskey:定義訪問某元素的鍵盤快捷鍵。
? tabindex:定義元素的Tab鍵索引編號。accesskey屬性可以使用快捷鍵(Alt+字母)訪問指定URL,但是瀏覽器不能很好地支持,在IE中僅激活超鏈接,需要配合Enter鍵確定,而在Firefox中沒有反應。
【示例2】在導航菜單中經(jīng)常設置快捷鍵。
<a>按住Alt鍵,按A鍵可以鏈接到mysite首頁</a>tabindex屬性用來定義元素的Tab鍵訪問順序,可以使用Tab鍵遍歷頁面中的所有鏈接和表單元素。遍歷時會按照tabindex的大小決定順序,當遍歷到某個鏈接時,按Enter鍵即可打開鏈接頁面。
例如:<ahref="#"tabindex="1">Tab1</a><ahref="#"tabindex="3">Tab3</a><ahref="#"tabindex="2">Tab2</a>
4.內(nèi)容屬性內(nèi)容屬性定義元素包含內(nèi)容的附加信息,這些信息對于元素來說具有重要的補充作用,避免元素本身包含信息不全而被誤解。內(nèi)容語義包括5個屬性。
? alt:定義元素的替換文本。
? title:定義元素的提示文本。
? longdesc:定義元素包含內(nèi)容的大段描述信息。
? cite:定義元素包含內(nèi)容的引用信息。
? datetime:定義元素包含內(nèi)容的日期和時間。alt和title是兩個常用的屬性,分別定義元素的替換文本和提示文本。<ahref="URL"title="提示文本">超鏈接</a><imgsrc="URL"alt="替換文本"title="提示文本"/>替換文本(AlternateText)并不是用來做提示的(ToolTip),或者更加確切地說,它并不是為圖像提供額外說明信息的。相反,title屬性才負責為元素提供額外說明信息。當圖像無法顯示時,必須準備替換的文本來替換無法顯示的圖像,這對于圖像和圖像熱點是必需的,因此alt屬性只能用在img、area和input元素中(包括applet元素)。
【示例3】下面示例使用<input>標簽定義一個圖像按鈕,但沒有設置src屬性值,則會顯示“替換文本”的文字按鈕效果。<inputtype="image"src="URL"alt="替換文本"/>.title屬性為元素提供提示性的參考信息,這些信息是一些額外的說明,具有非本質(zhì)性,因此該屬性也不是一個必須設置的屬性。當鼠標指針移到元素上面時,即可看到這些提示信息。深圳網(wǎng)站制作博納網(wǎng)絡編輯整理。關(guān)于靜態(tài)頁面制作屬性方法本文今天就介紹到這里。如果您認為本文對您的工作有所幫助,敬請持續(xù)關(guān)注本站。