## 9.2.1.form標簽
form標簽的作用是用于將其他表單標簽“包”起來,以便作為一個整體,可以提交數據到服務器。
形式:
```
<form name=”表單名稱” action=”目標地址” method=”數據提交方式” >
。。。這里寫其他具體的一個一個表單標簽。。。
。。。還可以出現幾乎所有其他各種標簽(除了html,body,head等少數幾個)。。。
</form>
```

單行文本框:

* disabled屬性: 不可用(無效),該屬性也是一個無值屬性,通常設定其值為其本身。
* readonly屬性:也是一個無值屬性,表示“只讀”,就是不可改變。
* 注意:無值屬性可以直接寫屬性名,無需賦值就可以。
密碼文本框:

隱藏文本框:

隱藏文本框在網頁上不可見,但其中的數據可用!
單選項:

多選項:

文件域:

提交按鈕:

圖片按鈕:

重置按鈕:

特別注意:重置是指將表單恢復到剛開始的狀態(樣子)——不是清空表單!!!
普通按鈕:

就是有個樣子,沒有對表單起作用!
表單框:

## 9.2.2.下拉列表
Select,option
這兩個標簽是聯合使用的,用于實現網頁上的“列表選項”,通常就是下拉列表。
形式如下:
```
<select name=”名稱” size=”行數”>
<option value=”值1”>文字1<option>
<option value=”值2” selected=”selected” >文字2<option>
。。。更多選項照上述格式寫出。。。
</select>
```
說明:
1,size屬性:表示該列表選項展示出的項數(行數),如果為1(默認值),就是下拉列表。
2,selected屬性:表示該option選項默認被選中。只應該出現在一個option上。
示例:

Optgroup選項組,label描述,標注

## 9.2.3.textarea標簽

textarea標簽用于實現“多行文本輸入框”。
形式:
```
<textarea name=”名稱” cols=”列數” rows=”行數”>這里可以放內容,通常留空</textarea>
```
## 9.2.4.button標簽
button標簽就是“按鈕標簽”,其作用是在網頁上展示一個“按鈕”而已。
形式:
```
<button name=”名稱” >按鈕文字</button>
```
說明:
```
一般不需要用這個標簽,而是直接使用<input type=”button” >來實現更為常見,效果一樣。
```
- 1、相關介紹
- 1.1.關于全棧學科
- 1.2.全棧工程師與全棧開發
- 1.3.基本技能
- 1.4.學習方法
- 2、html初步
- 2.1.什么是網頁和網站
- 2.2.網頁瀏覽原理
- 2.3.什么是html
- 2.4.html基本知識
- 2.5.綜合案例
- 3、html結構標簽
- 3.1.文檔級結構標簽
- 3.2.內容級結構標簽
- 3.3.塊標簽和行內標簽
- 4、html文本標簽
- 5、html列表標簽
- 5.1.無序列表ul>li
- 5.2.有序列表ol>li
- 5.3.定義列表dl>dt,dd
- 6、html圖像標簽
- 6.1.網頁路徑問題
- 7、html鏈接標簽
- 7.1.超鏈接
- 7.2.錨鏈接
- 7.3.link標簽
- 8、html表格標簽
- 8.1.表格初步
- 8.2.表格高級
- 8.3.表格案例
- 9、html表單標簽
- 9.1.表單初步
- 9.2.表單標簽詳解
- 9.3.表單和表格綜合案例
- 10、html5新增標簽與屬性
- 10.1.一些新增標簽
- 10.2.一些新增input類型
- 10.3.一些新增屬性
- 11、其他零碎及相關知識
- 11.1.meta標簽(元信息標簽)
- 11.2.網頁的字符編碼問題
- 11.3.特殊字符——字符實體
- 11.4.文檔類型(了解)
- 11.5.內嵌框架標簽iframe(了解)
- 12、CSS的引入
- 12.1.CSS引入
- 12.2.什么是css?
- 12.3.為什么需要css?
- 13、css入門
- 13.1.css樣式分類(根據css代碼位置分)
- 13.2.css基本語法
- 13.3.css簡單的選擇器
- 13.4.css屬性
- 13.5.css入門綜合案例
- 14、選擇器詳解
- 14.1.選擇器綜述
- 14.2.基礎選擇器
- 14.3.關系選擇器
- 14.4.屬性選擇器
- 14.5.偽類選擇器
- 14.6.偽元素選擇器
- 14.7.常見選擇器的組合
- 14.8.css樣式的特性
- 15、有關文字的屬性
- 15.1.字體屬性
- 15.2.文本屬性
- 16、有關盒子的屬性
- 16.1.盒子概述
- 16.2.盒子的寬高屬性width和height
- 16.3.邊框屬性border
- 16.4.內邊距屬性padding
- 16.5.外邊距屬性margin
- 16.6.背景屬性background
- 16.7.輪廓屬性outline
- 16.8.盒子綜合案例
- 17、有關布局的屬性
- 17.1.布局屬性
- 17.2.頁面布局應用
- 18、定位屬性
- 19、列表與表格樣式
- 19.1.列表樣式
- 19.2.表格樣式
- 20、CSS3高級特性
- 20.1.盒子新特性
- 20.2.多欄布局column
- 20.3.彈性布局flex
- 20.4.2D變換transform(2D)
- 20.5.3D變換transform(3D)
- 20.6.過渡效果transition
- 20.7.動畫效果animation
- 21、零碎或補遺或經驗
- 21.1.光標形狀設置cursor
- 21.2.盒子縮放zoom
- 21.3.文字陰影text-shadow
- 21.4.文字溢出text-overflow
- 21.5.盒子模型box-sizing
- 21.6.css初始化
- 21.7.css精靈技術
- 21.8.自定義字體