表格
-
由三種元素嵌套而成
-
<table>
border(線條)/bordercolor(線條顏色)/bgcolor(背景顏色)/background(背景圖片)/cellspacing(外邊距)/cellpadding(內(nèi)邊距)
-
<tr>
height/align(水平)/valign(豎直)
設(shè)置width沒用，可以設(shè)置height
設(shè)置高度如果小于cellpadding撐起的高度則沒效果，大于才有效果
-
<td>
colspan(跨列)/rowspan(跨行) 用于實(shí)現(xiàn)不規(guī)則表格
記得刪除被擠出來的格子(有幾個單元格就有幾個td)
-
caption
用來說明表格的名字，顯示在表格上方
-
表格的分區(qū)
thead/tbody/tfoot，他們都是雙標(biāo)記,分區(qū)后跨行的時候注意不能跨區(qū)
-
表格的嵌套
在相應(yīng)的td標(biāo)簽里嵌套table標(biāo)簽
列表
-
有序列表ol
- type 1/a/A/i/I
- start 后面跟數(shù)字，表示從第幾個數(shù)字或字母開始
-
無序列表ul
- type disc(實(shí)心圓)/circle(空心圓)/square(實(shí)心矩形)
-
列表項(xiàng)li
用于指示具體的列表內(nèi)容
ol和ul都要和li配合使用
-
列表嵌套的話，第二級的type類型自動設(shè)置
-
定義列表
- dl define list 定義列表
- dt define title 定義標(biāo)題
- dd define detail 定義詳細(xì)信息
表單
-
定義表單 form
- name：表單名稱
- method：表單數(shù)據(jù)提交方式，分為get(默認(rèn))和post
- get 發(fā)送數(shù)據(jù)時。數(shù)據(jù)會直接加在url之后，安全性較差，并且有255個字符的字?jǐn)?shù)限制，適用于數(shù)據(jù)量少的表單
- post 是將數(shù)據(jù)封裝后再發(fā)送，字符串長度沒有限制，數(shù)據(jù)安全性比較高
- action：指定將數(shù)據(jù)提交到哪里
-
input
- type：text(文本框)/pssword(密碼框)/radio(單選框)/checkbox(復(fù)選框)
- name：提交表單數(shù)據(jù)必須有name屬性
- required：設(shè)置表單控件必須填寫
- readonly：設(shè)置內(nèi)容只讀
- value：設(shè)置控件默認(rèn)值
- checked：設(shè)置radio和checkbox的默認(rèn)值
- maxlength：設(shè)置最大字符數(shù)
- 注意：設(shè)置一組radio和checkbox時，一定要將name設(shè)置一致
-
select(選項(xiàng)框：下拉選項(xiàng)框和滾動列表)
- selected：默認(rèn)選中項(xiàng)
- size（大于1則為滾動列表）：讓用戶看到幾個選項(xiàng)
- option：列表項(xiàng)
- value：選項(xiàng)的值
- selected：設(shè)置默認(rèn)值
- name：選項(xiàng)框命名
- multiple 表示此域中的選項(xiàng)可以多選，在選擇時需要按住Ctrl或Shift
- 當(dāng)添加了multiple屬性，且size=1時，下拉式列表就會變成滾動條列表
-
textarea(多行文本輸入框)
- cols：設(shè)置寬，用字符數(shù)設(shè)置
- rows：設(shè)置高
-
label
- 實(shí)現(xiàn)點(diǎn)擊文本和點(diǎn)擊選型按鈕一樣
- for：使用for來綁定另一個元素的id
-
按鈕
- submit 保存按鈕
- reset 重置按鈕
- button 普通按鈕 與JS搭配使用
-
隱藏域hidden
- name 名稱
- value 值
-
文本選擇框
- <input type="file">
- name 名稱
-
表單分組
- <fieldset>
- <legend>分組標(biāo)題</legend>
- 分組內(nèi)容
- </fieldset>
小用法
- nowrap 可以使表格中的文字不自動換行
- tab鍵可以用來幫助代碼布局整齊
