HTML的表單元素

2022-07-08 01:30:11 字數 3012 閱讀 7774

method - 提交方式

action - url位址

文字

密碼空按鈕

提交重置

複選按鈕

單選隱藏

下拉選項1

下拉選項2

語法:

說明:

多行文字。rows屬性和cols屬性用來設定文字輸入視窗的高度和寬度,單位是字元。

阻止瀏覽器對視窗的拖動設定:(css屬性)

語法:

說明:

相當於乙個方框,在字段集中可以包含文字和其他元素。該元素用於對表單中的元素進行分組並在文件中區別標出文字。 fieldset元素可以巢狀,在其內部可以在設定多個fieldset物件。disabled定義空間禁制可用;

語法:

說明:

legend元素可以在fieldset物件繪製的方框內插入乙個標題。legend元素必須是fieldset內的第乙個元素

語法:

說明:

label元素用來定義標籤,為頁面上的其他元素指定提示資訊。要將label元素繫結到其他的控制項上,可以將label元素的for屬性設定為與該控制項的id屬性值相同。

語法:

說明:

type屬性值新增的型別有:file檔案型別,可進行檔案的選擇

語法

說明

th標記表示**內的表頭單元格,是單元格標題;

語法

caption-side:top/right/bottom/left

說明

定義**的caption物件放於**的哪個位置,與caption物件一起使用;

top為預設值;

left,right位置只有火狐識別,

top,bottom ie6以上版本支援,ie6以下版本不支援其它屬性值,只識別top;

語法

表頭

表體表尾

提示

在預設情況下這些元素不會影響到**的布局。不過,可以使用 css 使這些元素改變**的外觀。

詳細描述: thead、tfoot 以及 tbody 元素使我們有能力對**中的行進行分組。

當建立某個**時,也許希望擁有乙個標題行,一些帶有資料的行,以及位於底部的乙個總計行。

語法

雙標籤

單標籤

說明

1.col和colgroup元素會根據從左到右的順序依次對資料**進行分組。

2.span屬性顯示指定相鄰幾列組成一組,span屬性值預設為1,預設時僅定義一列為一組。

firefox、chrome 以及 safari 僅支援 colgroup 元素的 span 和 width 屬性

3.可以通過給table新增rules="groups"屬性來給分組列新增組的分割線。

1、cellspacing="單元格與單元格之間的間距"

2、cellpadding=「單元格與內容之間的距離"

3、align="**水平對齊方式" 取值:left、right、center、 valign=「垂直對齊」 top\bottom\middle

4、合併單元格屬性:(td) 合併列: colspan=「所要合併的單元格的列數" 合併行: rowspan=「所要合併單元格的行數」

單元格間距

語法:

border-spacing:value
說明:

單元格間距(該屬性必須給table新增)

表示單元格邊框之間的距離

不可取負值

合併相鄰單元格邊框

語法:

border-collapse:separate/collapse;
說明:

作用:

合併相鄰單元格邊框 (該屬性必須給table新增)

separate(邊框分開)預設值;

collapse(邊框合併)

無內容時單元格的設定

語法:

empty-cells:show/hide;
說明:

定義當單元格無內容時,是否顯示該單元格的邊框區域; show:顯示 ;hide:隱藏;

顯示單元格行和列的演算法(加快執行的速度):

語法:

table-layout:auto/fixed
說明:

自動**布局:列的寬度是由列單元格中沒有折行的最寬的內容設定的。

缺點:較慢(因為它需要在確定最終的布局前訪問**中的所有內容)。

優點:靈活 固定**布局 優點:加快執行的速度,允許瀏覽器更快的對**進行布局。 缺點:不太靈活

HTML表單元素

表單元素是允許使用者在表單中 比如 文字域,下拉列表,單選框,核取方塊等等 輸入資訊的元素 表單標籤 文字域 text fields 當使用者要在表單中鍵入字母,數字等內容時,就會用到文字域 單選按鈕 radio buttons 當使用者從若干給定的的選擇中選取其一時,就會用到單選框 核取方塊 ch...

html表單元素

自學打卡 2 form 表單元素,讓使用者把資料提交給伺服器 action 指定把請求和資料提交給哪個頁面 伺服器。元素 type text 文字內容 password 密碼 hidden 隱藏框 checkbox 核取方塊 radio 單選框 submit 提交 reset 重置 image 可以...

HTML表單元素 表單控制項

html是部署在伺服器上的文字檔案根據http協議,瀏覽器發出請求給伺服器,伺服器做出響應,給瀏覽器返回乙個html瀏覽器解釋執行html,從而顯示出內容 html部署在伺服器上,執行在瀏覽器上 表單用於顯示 收集資訊,並提交資訊到伺服器 表單二要素 表單元素 表單控制項 input text 文字...