2019/0111/HTML表格table&form表單_post/get&iframe

table 底下包含 thead tbody tfoot , DOM操作時記得要多這一層

table (拿來排版

以往大部分的 網頁 皆由 大小不同透明or不透明之 table 排列

tr 列 原始屬性 會依照比例將長寬分配

td (儲存格) 原始屬性 會依照比例將長寬分配 通常用於欄

th (儲存格格) 原始屬性 加粗 置中 通常用於 欄位標題

cell 儲存格

Table 為無樣式標籤

border="1" 顯示 "0" 顯示邊界

html 無法下單位 css 可以 所以 css 可以做到更精細的表現

caption 原始屬性 包含 置頂 置中 12點字 通常用於 標題

thead 原始屬性包含 置頂 通常用於 臺頭

tfoot 原始屬性包含 置底 通常用於 文末

colspan ="3"合併儲存格

tbody 原始屬性為 沒有定義的所有的 tr td 都屬於 tbody 具有上下階層數概念

刻板形 黑色為原始版型 紅色為需要合併儲存格

算法為從左到右 從上到下 先算到先贏 如 第三行的1

colspan ="3" 合併欄位儲存格 <--!Column = 橫列-->

rowspan="3" 合併列位儲存格 <--!row = 直欄-->

form ( 放 fieldset tag 然後 input 標題文字要放在 label內

<input /> 預設值 type="text"

<input type="button" value="請案我" />

<form>

type="text"

type="button" 通常拿來執行js程式

type="submit" 通常拿來傳送表單

type="reset" 回覆原狀態

<form/>

有重新整理網頁 / 可上一頁 雖然內容物不變 但還是經過下列 請求 傳資 動作

type="file"

type="password"

"

type="checkbox" 多選

type="radio" 單選

<textarea rows="10" cols="20" ></textarea> 多行文字方塊

<select><option>111</option><option>222</option></select> 下拉式選單

<fieldset><legend></legend></fieldset>

很多標籤看來是是要把w3c看熟 且有些瀏覽器不資源html5

iframe 內制框架

以前非常常用 frame 但現在淘汰了 只剩 iframe

src

framebolder

Last updated