單元格合并涉及表格結構的調整

1. 跨列合并

屬性 : colspan

取值 : 無單位的數值,表示跨幾列

2. 跨行合并

屬性 : rowspan

取值 : 無單位的數值,表示跨幾行

注意 :

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

屬性

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

跨列合并 :

影響當前行中單元格的數量,刪除當前行中多余單元格

跨行合并 :

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

單元格

4. 表格行分組

表格在瀏覽器中渲染時,會自動添加結構標簽

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

1. thead

標簽用來劃分表頭

表頭中可以有若干行組成

2. tfoot

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

3. tbody

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

會自動加入tbody

注意 :

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

順序書寫

3. 表單

1. 用來接收用戶輸入的數據并且提交給服務器

表單二要素

1. 表單元素

2. 表單控件

提供一系列可視化的組件,能夠實現跟用戶的交互

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

2. 表單元素

1. 標簽 :

用來提交數據到服務器,表單控件都應書寫在form標簽中

2. 標簽屬性

1. method

用來設置數據提交方式,取值 get / post

默認是get請求方式提交

get 請求 :

1. 數據會以參數的形式拼接在url后面

2. 安全性較低

3. 最大提交數據2kb

post 請求:

1. 數據會打包在請求頭中,隱式提交

2. 安全性較高

3. 沒有數據大小限制

2. action

必填,指定數據的提交地址

3. enctype

指定數據的編碼方式,表單提供的編碼類型有 :

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

將表單中的數據轉換成字符串格式(name=zhangsan

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

2. multipart/form-data

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

數據的提交方式必須是post

3. text/plain

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

3. 表單控件(重點)

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

2. 分類

1. 文本框和密碼框

1. 語法 :

文本框

密碼框

標簽屬性 :

1. type 指定控件類型

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

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

4. maxlength 指定最大輸入字符數

5. placeholder 設置提示文本

6. autocomplete 設置是否自動補全

2. 單選按鈕和復選框

1. 語法 :

單選鈕 :

復選框 :

2. 標簽屬性

1. name :

1. 定義控件名稱

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

2. value :

定義控件的值,最終將發送給服務器,按鈕的value

屬性必須指定

3. checked

表示選中當前按鈕

3. 特殊用法 label for id

將按鈕文本與按鈕控件綁定在一起,實現點擊文本與

點擊控件等價的效果

使用 :

1. 使用標簽包括按鈕文本

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

3. 為label標簽添加for屬性,屬性值與控件的id屬性

值保持一致,實現文本與控件綁定

3. 隱藏域和文件選擇框

1. 隱藏域

需要提交給服務器,但是不需要呈現給用戶的內容,

都可以使用隱藏域表示

例如 : 用戶id

語法 :

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

2. 文件選擇框

1. 語法

2. 涉及二進制數據提交,文件,圖片,mp3

需要設置form enctype屬性,指定數據提交

方式為post

4. 下拉選擇框

北京

上海

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

語法 :

標簽屬性 :

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

以英文字符數量為準,中文字符減半

rows : 指定文本域行數

特點 : 文本域的大小可以由用戶手動調整

6. 按鈕

分類 :

1. 提交按鈕 :

點擊時,將表單數據發送給服務器

value 屬性設置按鈕的顯示文本

2. 重置按鈕 :

點擊時,會將表單數據還原成默認狀態

3. 普通按鈕

綁定自定義事件

4. 按鈕顯示文本

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

自定義事件

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

功能,等同submit

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。