列表与表单
有序標簽orderlist
- 基本用法
-
??? -<ol>
??????? -?<li>列表內(nèi)容</li>
??????? -?<li>列表內(nèi)容</li>
??????? -?.....
??? - </ol>
-? 快速構(gòu)建表格的快捷鍵 ol>(li>a)*4
無序標簽 unorderlist -->經(jīng)常使用
? ?-<ul>
????? -??<li>列表內(nèi)容</li>
????? -??<li>列表內(nèi)容</li>
? - </ul>
系統(tǒng)自帶的左邊的小圖標,瀏覽器版本不一樣顯示也不一樣;故一般都是取消系統(tǒng)樣式(CSS),自定義左邊的小圖標type屬性
type = 默認disc 小圓點 circle 小圓圈 square 方形
?
定義列表 dl defination list
```<!-- 定義列表: define list
???dd? defination? description 內(nèi)容
??? dt?defination?? title? 標題
-->
<dl>
??? <dt>高級會員</dt>
??? <dd>美文無限看</dd>
??? <dd>免費大片無限看</dd>
??? <dd>濱崎步的簽名照</dd>
</dl>
```
###表單
?-??表單用來收集不同的用戶輸入,表單由不同的標簽組成;
-?? 一個完整的表單由 "from"標簽 和 "表單控件標簽"組成?
-? ?form標簽屬性
??? -?action 用來提交表單中用戶輸入的數(shù)據(jù)
??? -?method? 分為? get | post; 默認就是get
??????? -?? 以get提交數(shù)據(jù), 用戶輸入的數(shù)據(jù)會提交到網(wǎng)址后面拼接起來 name屬性值=輸入值&pwd屬性值=123??
??????? -??? get 一目了然少量數(shù)據(jù)
??????? -?? 以post提交數(shù)據(jù),瀏覽器看不見提交的內(nèi)容 比較安全 一般是大量數(shù)據(jù)
-?? <label></label> label標簽用來 定義文字標注
-?? <input type = "" name ="" value = ""> 標簽用來文本輸入的
?? ?- input標簽屬性
??? -?type = "username" 用戶名
??? -?type = "password" 密碼
??? -?type = "radio" 單選
??? -?type = "checkbox" 多選
??? -?type = "file"??? 上傳文件
??? -?type = "hidden" 隱藏域
??? -?type = "submit" 提交
??? -?type = "reset" 重置
??? -?type = "image" 圖片按鈕 ,可以獲取點擊的坐標, 一般不建議使用
-?? 下拉列表
??? -??"<select>"
??????? -??"<optional></optional>"
??????? -??"<optional></optional>"
??????? -??"<optional></optional>"
??? -??"</select>"
-?? 文本域
??? - "<textarea clos = 列數(shù)? rows = "行數(shù)">"
??? - "<textarea/>"
總結(jié)
- 上一篇: python中的LEGB 规则
- 下一篇: Linux搭建高并发高可用Redis集群