HTML標籤學習總結

2022-07-29 07:42:12 字數 2155 閱讀 5302

文字輸入框,密碼輸入框:

當使用者要在表單中鍵入字母、數字等內容時,就會用到文字輸入框。文字框也可以轉化為密碼輸入框

語法:1:type:

當type=text時:輸入框為文字輸入框

當type=password時:輸入框為密碼輸入框

2:name:為文字框命名,以備後台程式asp,php使用

3:value:為文字輸入框設定預設值(一般起到提示作用)

舉例:文字域,支援多行輸入

當使用者在表單中需要輸入大段文字時,需要用到文字輸入域

語法:1:結尾

2:cols:多行輸入域的列數

3:rows:多行輸入域的行數

4:在標籤之間可以輸入預設值

舉例:注意這兩個屬性可用css樣式的width和height來代替;使用width代替col,使用height代替row

使用單選框,核取方塊讓使用者選擇

在使用表單設計調查表時,為了減少使用者的操作,使用選擇框是乙個好主意,html中有兩種選擇框,即單選框核取方塊,兩者的區別是單選框中的選項使用者只能選擇一項,而核取方塊中使用者可以任意選擇多項,甚至全選。請看下面的例子:

語法:1:type:

當type=「radio」時,控制項為單選框

當type=「checkbox」時,控制項為核取方塊

2:value:提交資料到伺服器的值(後台程式php使用)

3:name:為控制項名,以備後台程式asp,php使用

4:checked:當設定checked=「checked」時,該選項被預設選中

舉例:

注意:同一組的單選按鈕,name 取值一定要一致,比如上面例子為同乙個名稱「radiolove」,這樣同一組的單選按鈕才可以起到單選的作用。

使用下拉列表框,節省空間

下拉列表在網頁中也常會用到,它可以有效的節省網頁空間。既可以單選、又可以多選。如下**:

講解:選項

1:value

2:selected="selected":設定selected="selected"屬性,則該選項就被預設選中

使用下拉列表框進行多選

下拉列表也可以進行多選操作,在標籤中設定multiple="multiple"屬性,就可以實現多選功能,在 widows 作業系統下,進行多選時按下ctrl鍵同時進行單擊(在 mac下使用 command +單擊),可以選擇多個選項。如下**:

在表單中有兩種按鈕可以使用,分別為:提交按鈕、重置。這一小節講解提交按鈕:當使用者需要提交表單資訊到伺服器時,需要用到提交按鈕

語法:type:只有當type值設定為submit時,提交按鈕才有提交作用'

value:按鈕上顯示的文字

舉例:

當使用者需要重置表單資訊到初始時的狀態時,比如使用者輸入「使用者名稱」後,發現書寫有誤,可以使用重置按鈕使輸入框恢復到初始狀態。只需要把type設定為"reset"就可以

語法:type:只有當type值設定為reset時,按鈕才起作用

value:按鈕上顯示的文字

label標籤不會向使用者呈現任何特殊效果,它的作用是為滑鼠使用者改進了可用性。如果你在

label

標籤內點選文字,就會觸發此控制項。就是說,當使用者單擊選中該label標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制項上(就自動選中和該label標籤相關連的表單控制項上)。

語法:舉例:

HTML學習 HTML的標籤總結(二)

標籤 可以固定文字或影象的顯示位置 屬性 bgcolor 背景色 border 邊框寬度 bordercolor 邊框顏色 bordercolorlight 邊框顏色的明度 bordercolordark 邊框昏暗部分的顏色 cellspacing 各個單元格之間間隔大小 cellspadding ...

html標籤總結

具有boolean值得屬性 disabled checked readonly等 可以省略全部標籤的元素有 html body head tbody group等 標籤巢狀 1 必須巢狀寫的標籤 dt dd必須巢狀在dl標籤裡,input必須巢狀在form標籤中,li必須巢狀在ul中,等等 2 塊級...

HTML標籤總結

一 文字 1.標題文字 1 6 h1為最大字,h6為最小字 2.字型變化 字型大小 1 7 數字愈大字也愈大 指定字型 文字顏色 rr 表紅色 red 色碼 gg 表綠色 green 色碼 bb 表藍色 blue 色碼 rrggbb也可用6位顏色 數字 3.顯示小字型 4.顯示大字型 5.粗體字.6...