摘要:但是,可以在正常的文檔主體中使用。該名稱可以用作標(biāo)簽,標(biāo)簽的屬性值,或標(biāo)簽和標(biāo)簽的屬性值。標(biāo)簽元素用于為基于的表單創(chuàng)建交互式控件,以便接受來(lái)自用戶的數(shù)據(jù)。標(biāo)簽的元素表示表格數(shù)據(jù)即通過(guò)二維數(shù)據(jù)表表示的信息。
一、常見(jiàn)標(biāo)簽詳解 1、
HTML內(nèi)聯(lián)框架元素
屬性只詳細(xì)說(shuō)明幾個(gè)重要的屬性
frameborder 取值為1時(shí)(默認(rèn)值),告訴瀏覽器在當(dāng)前iframe與其他iframe之間繪制邊框,取0時(shí)則無(wú)需繪制此邊框。
name 嵌入的瀏覽上下文(框架)的名稱。該名稱可以用作標(biāo)簽,
height 以CSS像素格式HTML5,或像素格式HTML 4.01,或百分比格式指定frame的高度。
width 以CSS像素格式HTML5,或以像素格式HTML 4.01,或以百分比格式指定frame的寬度。
src 嵌套頁(yè)面的URL地址。使用遵守同源策略的 "about:blank" 來(lái)嵌套空白頁(yè)。
2、標(biāo)簽HTML 元素 (或錨元素) 可以創(chuàng)建一個(gè)到其他網(wǎng)頁(yè)、文件、同一頁(yè)面內(nèi)的位置、電子郵件地址或任何其他URL的超鏈接。
屬性download 此屬性指示瀏覽器下載URL而不是導(dǎo)航到URL,因此將提示用戶將其保存為本地文件。
href 這是一個(gè)必需屬性為錨定義一個(gè)超文本鏈接來(lái)源。這表示鏈接目標(biāo)的URL或URL片段。URL片段是由一個(gè)hash符號(hào)(#),它指定一個(gè)內(nèi)部目標(biāo)在當(dāng)前文檔中的位置(ID)開(kāi)頭的名字。URL不限于網(wǎng)頁(yè)(HTTP)的文件。URL可能使用瀏覽器所支持的任何協(xié)議。例如,文件,F(xiàn)TP,大多數(shù)用戶代理mailto工作。PS:可以使用 href="#top" 或者 href="#" 鏈接返回到頁(yè)面頂部。除此之外href可以接:
1、無(wú)協(xié)議的寫法,如://qq.com
2、鏈接到本頁(yè)某個(gè)部分#xxx 也可以是查詢語(yǔ)句?name=xxx 或者相對(duì)路徑./xxx.html
3、偽協(xié)議javascript:alert(1); 點(diǎn)擊不跳轉(zhuǎn)不刷新javascript:;
target 該屬性指定在何處顯示鏈接的資源。 取值為標(biāo)簽(tab),窗口(window),或框架(iframe)等瀏覽上下文的名稱或其他關(guān)鍵詞。以下關(guān)鍵字具有特殊的意義:
_self: 當(dāng)前頁(yè)面加載。此值是默認(rèn)的,如果沒(méi)有指定屬性的話。
_blank: 新窗口打開(kāi)。
_parent: 加載響應(yīng)到當(dāng)前框架的父框架。如果沒(méi)有parent框架或者瀏覽上下文,此選項(xiàng)的行為方式相同_self。(嵌套一層iframe標(biāo)簽,在上層打開(kāi))
_top: 加載響應(yīng)進(jìn)入頂層瀏覽(即,瀏覽上下文,它是當(dāng)前的一個(gè)的祖先,并且沒(méi)有parent)。如果沒(méi)有parent框架或者瀏覽上下文,此選項(xiàng)的行為方式相同_self。(嵌套多層iframe標(biāo)簽,最頂層打開(kāi))
HTML
action 一個(gè)處理這個(gè)form信息的程序所在的URL。這個(gè)值可以被
method 瀏覽器使用這種 HTTP 方式來(lái)提交 form. 可能的值有:
1、post: 指的是 HTTP POST 方法 ; 表單數(shù)據(jù)會(huì)包含在表單體內(nèi)然后發(fā)送給服務(wù)器.
2、get: 指的是 HTTP GET 方法; 表單數(shù)據(jù)會(huì)附加在 action 屬性的URI中,并以 "?" 作為分隔符, 然后這樣得到的 URI 再發(fā)送給服務(wù)器. 當(dāng)這樣做(數(shù)據(jù)暴露在URI里面)沒(méi)什么副作用,或者表單僅包含ASCII字符時(shí),再使用這種方法吧。(如果是GET的話和a標(biāo)簽功能一樣)
這個(gè)值可以被
name 這個(gè)form的名字。在HTML4中,這個(gè)用法不被推薦(作為替代,應(yīng)該使用id). HTML5中,一個(gè)文檔中的多個(gè)form當(dāng)中,name必須唯一而不僅僅是一個(gè)空字符串。
target 一個(gè)名字或者說(shuō)關(guān)鍵字,用來(lái)指示在提交表單之后,在哪里顯示收到的回復(fù). 在 HTML 4 里, 這是一個(gè)用于 frame 的名字/關(guān)鍵字. 在 HTML5 里, 這是一個(gè)用于 browsing context 瀏覽器上下文 的名字/關(guān)鍵字 (舉例來(lái)說(shuō), 標(biāo)簽頁(yè)tab, 窗口window, or 或者行內(nèi) frame). 如下的關(guān)鍵字含有特別的含義:
1、_self: 在當(dāng)前HTML4或HTML5文檔頁(yè)面重新加載返回值。這個(gè)是默認(rèn)值。譯注:也就是說(shuō)如果這個(gè)文檔在一個(gè)frame中的話,self是在當(dāng)前frame(document)中重新加載的,而不是整個(gè)頁(yè)面(window)。
2、_blank: 以新的HTML4或HTML5文檔窗口加載返回值。
3、_parent: 在父級(jí)的frame中以HTML4或HTML5文檔形式加載返回值,如果沒(méi)有父級(jí)的frame,行為和_self一致。
4、_top: 如果是HTML 4文檔: 清空當(dāng)前文檔,加載返回內(nèi)容;HTML5: 在當(dāng)前文檔的最高級(jí)內(nèi)加載返回值,如果沒(méi)有父級(jí),和_self的行為一致。
5、iframename: 返回值在指定frame中加載。
HTML 元素用于為基于Web的表單創(chuàng)建交互式控件,以便接受來(lái)自用戶的數(shù)據(jù)。
屬性標(biāo)簽的屬性非常多,這里我只寫幾種常用的屬性,更多可在MDN上查找
name 控件的名稱,與表單數(shù)據(jù)一起提交。
value 控件的初始值. 此屬性是可選的,除非type 屬性是radio或checkbox。注意,當(dāng)重新加載頁(yè)面時(shí),如果在重新加載之前更改了值,Gecko和IE將忽略HTML源代碼中指定的值。
checked 如果該元素的type屬性的值為radio或者checkbox,則該布爾屬性的存在與否表明了該控件是否是默認(rèn)選擇狀態(tài).
disabled 這個(gè)布爾屬性表示此表單控件不可用。 特別是在禁用的控件中, click 事件 將不會(huì)被分發(fā) 。 并且,禁用的控件的值在提交表單時(shí)也不會(huì)被提交。如果 type 屬性為 hidden,此屬性將被忽略。
type 控件類型的顯示。如果這個(gè)屬性沒(méi)有指定,默認(rèn)的類型是 text??捎玫闹蛋ǎ?br> 這里只寫出幾個(gè)常用的類型,詳細(xì)可以查看MDN
1、button:無(wú)缺省行為按鈕。
2、checkbox: 復(fù)選框。必須使用 value 屬性定義此控件被提交時(shí)的值。使用 checked 屬性指示控件是否被選擇。也可以使用 indeterminate 指示復(fù)選框在一種不確定狀態(tài)(大多數(shù)平臺(tái)上,顯示為一條穿過(guò)復(fù)選框的水平線)。
3、password:一個(gè)值被遮蓋的單行文本字段。使用 maxlength 指定可以輸入的值的最大長(zhǎng)度 。
4、radio:?jiǎn)芜x按鈕。必須使用 value 屬性定義此控件被提交時(shí)的值。使用checked 必須指示控件是否缺省被選擇。在同一個(gè)”單選按鈕組“中,所有單選按鈕的 name 屬性使用同一個(gè)值; 一個(gè)單選按鈕組中是,同一時(shí)間只有一個(gè)單選按鈕可以被選擇。
5、submit:用于提交表單的按鈕。
6、text:?jiǎn)涡凶侄?;換行會(huì)將自動(dòng)從輸入的值中移除。
HTML
屬性name button的名稱,與表單數(shù)據(jù)一起提交。
value button的初始值。它定義的值與表單數(shù)據(jù)的提交按鈕相關(guān)聯(lián)。當(dāng)表單中的數(shù)據(jù)被提交時(shí),這個(gè)值便以參數(shù)的形式被遞送至服務(wù)器。
type button的類型。可選值:
1、submit: 此按鈕提交表單數(shù)據(jù)給服務(wù)器。未指定時(shí),此值為默認(rèn)值,或者如果此屬性動(dòng)態(tài)變?yōu)榭罩祷驘o(wú)效值。
2、reset: 此按鈕重置所有組件為初始值。
3、button: 此按鈕沒(méi)有默認(rèn)行為。它可以有與元素事件相關(guān)的客戶端腳本,當(dāng)事件出現(xiàn)時(shí)可觸發(fā)。
4、menu: 此按鈕打開(kāi)一個(gè)由指定