有序標簽orderlist

- 基本用法
-

??? -<ol>
??????? -?<li>列表內容</li>
??????? -?<li>列表內容</li>
??????? -?.....
??? - </ol>

-? 快速構建表格的快捷鍵 ol>(li>a)*4

無序標簽 unorderlist -->經常使用

? ?-<ul>
????? -??<li>列表內容</li>
????? -??<li>列表內容</li>
? - </ul>

系統自帶的左邊的小圖標,瀏覽器版本不一樣顯示也不一樣;故一般都是取消系統樣式(CSS),自定義左邊的小圖標type屬性

type = 默認disc 小圓點 circle 小圓圈 square 方形

?

定義列表 dl defination list

```<!-- 定義列表: define list

???dd? defination? description 內容
??? dt?defination?? title? 標題

-->

<dl>
??? <dt>高級會員</dt>
??? <dd>美文無限看</dd>
??? <dd>免費大片無限看</dd>
??? <dd>濱崎步的簽名照</dd>

</dl>

```

###表單
?-??表單用來收集不同的用戶輸入,表單由不同的標簽組成;
-?? 一個完整的表單由 "from"標簽 和 "表單控件標簽"組成?
-? ?form標簽屬性
??? -?action 用來提交表單中用戶輸入的數據
??? -?method? 分為? get | post; 默認就是get
??????? -?? 以get提交數據, 用戶輸入的數據會提交到網址后面拼接起來 name屬性值=輸入值&pwd屬性值=123??
??????? -??? get 一目了然少量數據
??????? -?? 以post提交數據,瀏覽器看不見提交的內容 比較安全 一般是大量數據
-?? <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 = 列數? rows = "行數">"
??? - "<textarea/>"

總結

以上是生活随笔為你收集整理的列表与表单的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。