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

## table (拿來排版

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

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

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

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

cell 儲存格

Table 為無樣式標籤

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

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

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

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

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

colspan ="3"合併儲存格

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

![](/files/-LVpJrHhoewGlNUqAwXM)

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

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

![](/files/-LVpJrHou_Hi6tS-9Vvv)

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

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

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

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

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

\<form>

type="text" &#x20;

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

type="submit" 通常拿來傳送表單&#x20;

type="reset" 回覆原狀態

\<form/>

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

![](/files/-LVpKS_Jee_4nXDlsSne)

type="file"

type="password"

"

type="checkbox" 多選

type="radio" 單選&#x20;

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

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

\<fieldset>\<legend>\</legend>\</fieldset>&#x20;

{% embed url="<http://www.w3school.com.cn/tags/tag_fieldset.asp>" %}

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

## iframe 內制框架

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

![](/files/-LeRR07DURLeMyCbFogc)

src&#x20;

framebolder

![](/files/-LeRWIVqHzQdjrG6KK_8)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://johch3n611u.gitbook.io/c50108/ju-li-cheng-bei/201901/20190111-zhan.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.