單元格合并涉及表格結(jié)構(gòu)的調(diào)整

1. 跨列合并

屬性 : colspan

取值 : 無單位的數(shù)值,表示跨幾列

2. 跨行合并

屬性 : rowspan

取值 : 無單位的數(shù)值,表示跨幾行

注意 :

1. 跨行和跨列是單元格的操作,所以屬性是單元格td的

屬性

2. 一旦發(fā)生單元格合并,要刪除多余的單元格:

跨列合并 :

影響當(dāng)前行中單元格的數(shù)量,刪除當(dāng)前行中多余單元格

跨行合并 :

影響其后行中的單元格數(shù)量,需要刪除后面行中多余的

單元格

4. 表格行分組

表格在瀏覽器中渲染時,會自動添加結(jié)構(gòu)標(biāo)簽

表格可以分為 thead tfoot tbody 三部分

1. thead

標(biāo)簽用來劃分表頭

表頭中可以有若干行組成

2. tfoot

用于劃分表尾,由若干行組成

3. tbody

表示表格主體,默認情況下,所有的行

會自動加入tbody

注意 :

如果涉及在HTML代碼中完整書寫行分組標(biāo)簽,建議按照

順序書寫

3. 表單

1. 用來接收用戶輸入的數(shù)據(jù)并且提交給服務(wù)器

表單二要素

1. 表單元素

2. 表單控件

提供一系列可視化的組件,能夠?qū)崿F(xiàn)跟用戶的交互

例如 : 輸入框,按鈕,文件上傳等

2. 表單元素

1. 標(biāo)簽 :

用來提交數(shù)據(jù)到服務(wù)器,表單控件都應(yīng)書寫在form標(biāo)簽中

2. 標(biāo)簽屬性

1. method

用來設(shè)置數(shù)據(jù)提交方式,取值 get / post

默認是get請求方式提交

get 請求 :

1. 數(shù)據(jù)會以參數(shù)的形式拼接在url后面

2. 安全性較低

3. 最大提交數(shù)據(jù)2kb

post 請求:

1. 數(shù)據(jù)會打包在請求頭中,隱式提交

2. 安全性較高

3. 沒有數(shù)據(jù)大小限制

2. action

必填,指定數(shù)據(jù)的提交地址

3. enctype

指定數(shù)據(jù)的編碼方式,表單提供的編碼類型有 :

1. application/x-www-form-urlencoded(默認)

將表單中的數(shù)據(jù)轉(zhuǎn)換成字符串格式(name=zhangsan

&pwd=123456),附加在url后面,使用?與url隔開

2. multipart/form-data

專門用來上傳特殊類型數(shù)據(jù)的,例如圖片,文件,mp3

數(shù)據(jù)的提交方式必須是post

3. text/plain

數(shù)據(jù)以純文本形式編碼,不含任何控件和格式字符

3. 表單控件(重點)

1. 表單控件的數(shù)據(jù)只有放在表單元素中才可以被提交

2. 分類

1. 文本框和密碼框

1. 語法 :

文本框

密碼框

標(biāo)簽屬性 :

1. type 指定控件類型

2. name 指定控件名稱,缺少的話無法提交

3. value 指定控件的值,可以通過JS獲取

4. maxlength 指定最大輸入字符數(shù)

5. placeholder 設(shè)置提示文本

6. autocomplete 設(shè)置是否自動補全

2. 單選按鈕和復(fù)選框

1. 語法 :

單選鈕 :

復(fù)選框 :

2. 標(biāo)簽屬性

1. name :

1. 定義控件名稱

2. 一組的按鈕控件名稱必須保持一致,實現(xiàn)單選

2. value :

定義控件的值,最終將發(fā)送給服務(wù)器,按鈕的value

屬性必須指定

3. checked

表示選中當(dāng)前按鈕

3. 特殊用法 label for id

將按鈕文本與按鈕控件綁定在一起,實現(xiàn)點擊文本與

點擊控件等價的效果

使用 :

1. 使用標(biāo)簽包括按鈕文本

2. 為按鈕控件添加id屬性,屬性值自定義

3. 為label標(biāo)簽添加for屬性,屬性值與控件的id屬性

值保持一致,實現(xiàn)文本與控件綁定

3. 隱藏域和文件選擇框

1. 隱藏域

需要提交給服務(wù)器,但是不需要呈現(xiàn)給用戶的內(nèi)容,

都可以使用隱藏域表示

例如 : 用戶id

語法 :

name定義控件名稱,value設(shè)置控件的值,都是必填項

2. 文件選擇框

1. 語法

2. 涉及二進制數(shù)據(jù)提交,文件,圖片,mp3

需要設(shè)置form enctype屬性,指定數(shù)據(jù)提交

方式為post

4. 下拉選擇框

北京

上海

5. 文本域,可以支持多行輸入

語法 :

標(biāo)簽屬性 :

cols : 指定文本域默認寬度,寬度是通過列數(shù)控制的

以英文字符數(shù)量為準(zhǔn),中文字符減半

rows : 指定文本域行數(shù)

特點 : 文本域的大小可以由用戶手動調(diào)整

6. 按鈕

分類 :

1. 提交按鈕 :

點擊時,將表單數(shù)據(jù)發(fā)送給服務(wù)器

value 屬性設(shè)置按鈕的顯示文本

2. 重置按鈕 :

點擊時,會將表單數(shù)據(jù)還原成默認狀態(tài)

3. 普通按鈕

綁定自定義事件

4. 按鈕顯示文本

1. 按鈕標(biāo)簽,可以在HTML中任意地方使用,需要綁定

自定義事件

2. 如果按鈕標(biāo)簽放在form標(biāo)簽中使用,默認具備提交

功能,等同submit

總結(jié)

以上是生活随笔為你收集整理的html里面超链接alt_前端html--超链接，表格，表单属性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。