html 的table tr td的使用

2022-03-06 11:45:39 字數 4844 閱讀 1984

cellspacing 屬性規定單元格之間的空間。

cellpadding 屬性規定單元邊沿與其內容之間的空白。

border 簡寫屬性在乙個宣告設定所有的邊框屬性。

border 用在table屬性時,結果是對所有的加入了邊框

當用是對所有table、td都加入了邊框

當用"style"方式指定

table則只負責外框的顯示,td不加外框; td要加外框,只能手動自己定義border

<

fieldset

>

<

legend

>告警定義

legend

>

<

fieldset

>

<

legend

>告警定義屬性

legend

>

<

table

border

="1"

cellpadding

="2"

cellspacing

="1"

width

="80%"

>

<

tr>

<

td width

="50%"

nowrap

>告警名稱

td>

<

td width

="50%"

nowrap

>

<

input

name

=wd_name

type

=text

value

="=$alarmdef['wd_name']?>"

size

=10

maxlength

=10

disabled

>

td>

tr>

<

tr>

<

td width

="50%"

nowrap

>告警描述1

td>

<

td width

="50%"

nowrap

>

<

input

name

=wd_name

type

=text

value

="=$alarmdef['wd_warndesc0']?>"

size

=10

maxlength

=10

disabled

>

td>

tr>

<

tr>

<

td width

="50%"

nowrap

>告警描述2

td>

<

td width

="50%"

nowrap

>

<

input

name

=wd_name

type

=text

value

="=$alarmdef['wd_warndesc1']?>"

size

=10

maxlength

=10

disabled

>

td>

tr>

<

tr>

<

td

width

="20"

nowrap

>備註

td>

<

td

width

="80"

nowrap

>

<

input

name

=wd_memo

type

=text

value

="=$alarmdef['wd_memo']?>"

size

=10

maxlength

=10

disabled

>

td>

tr>

<

tr>

<

td

nowrap

>

<

table

border

="1"

cellpadding

="0"

cellspacing

="0"

width

="100%"

>

<

tr>

<

td width

="70"

nowrap

>告警級別1

td>

<

td width

="30"

nowrap

>

<

select

name

="alarmlev1"

size

="1"

>

<

option

value

="=$alarmdef['wd_level0']?>"

selected disabled

>

=$alarmlev[$alarmdef['wd_level0']-1]

?>

option

>

select

>

td>

tr>

table

>

td>

<

td

nowrap

>

<

table

border

="1"

cellpadding

="0"

cellspacing

="0"

width

="100%"

>

<

tr>

<

td

width

="70"

nowrap

> 告警級別2

td>

<

td

width

="30"

nowrap

>

<

select

name

="alarmlev2"

size

="1"

>

<

option

value

="=$alarmdef['wd_level1']?>"

selected disabled

>

=$alarmlev[$alarmdef['wd_level0']-1]

?>

option

>

select

>

td>

tr>

table

>

td>

tr>

table

>

fieldset

>

<

fieldset

>

<

legend

>告警通知屬性

legend

>

<

table

border

="1"

cellpadding

="2"

cellspacing

="1"

style

="width:80%"

>

<

tr>

// ==0 未勾選

if($alarmdef['wd_delay']==0)

$wdenable = "";

else if($alarmdef['wd_delay']>0)

$wdenable = "checked";

?>

<

td width

="10%"

nowrap

>

<

input

name

=wd_enable

type

=checkbox

value

=1 =$wdenable?

>

size=15

maxlength=15 disabled>

td>

<

td

width

="90%"

nowrap

>

當狀態持續

<

input

name

=wd_memo

type

=text

value

="=$alarmdef['wd_delay']?>"

size

=5

maxlength

=10

disabled

>

秒後,才啟用告警狀態

<

td>

tr>

table

>

fieldset

>

fieldset

>

效果圖:

jquery 讀取table tr td 中的資料

難點 1 動態增加 刪除tr和td 2 每天tr和td都有下標,且下標要動態變化,3 tr和td為什麼下標不能隨便寫,原因是此處需要把所有tr中的資料以list的形式傳送到後台物件中,所有每天tr中的tr中name 物件 index 屬性 必須有下標且下標要從0開始且要連續不能跳躍 4 增加tr和t...

html教程 收集的常用的html標籤 6

是對於一些引用的檔案,假如引用的部分不長。那麼可以考慮使用這乙個標籤,這乙個標籤是html3.0的新語法。顯示時通常會內縮 blockquote是用來表示區域內的檔案是引用某個人或是某份檔案內的資料的。通常引用的文字假如利用與 強烈強調 通常以黑體顯示 這乙個非凡加強語氣的字元是strong這個與 ...

HTML檔案的建立及HTML元素的語法

1 可直接用notepad或者記事本新建乙個檔案,編譯如下內容,再將副檔名改為.html或.htm 我的第乙個標題h1 我的第乙個段落。p body html 雙擊使用瀏覽器開啟,檢視執行效果 2 html 標題 heading 是通過 h1 h6 等標籤進行定義的。標題一h1 標題二h2 標題三h...