簡介：在網頁中提供給使用者輸入的視窗或者對話方塊，產生互動性，是組成程式前端的一部分
過程：將表單設計在乙個html文件中，當使用者使用前端時，就會通過form表單將資料從客戶端傳送給服務端
action="完整位址"，提交給目標位址
方式2：寫入字尾
action="字尾"，自動補全位址，提交給目標位址
方式3：不寫
action=""，預設提交給網頁所在位址
獲取使用者各種型別的資料的標籤
type屬性
普通的文字展示
密文展示
日曆展示
單選checked="checked"設定預設值，
ps:如果屬性名和屬性值相同 可以簡寫checked
多選checked同單選
郵箱格式資料
檔案資料
單個檔案:
多個檔案:
觸發form表單提交資料的動作
另一種方式：觸發按鍵
重置頁面填寫的資料
普通按鈕預設沒有任何的功能
ps：以後可以給他新增容易功能(js事件)
1.name屬性
類似於字典的key(前端程式設計師寫)類似於字典的value(使用者自己傳)
如果標籤是選擇型別的 那麼還需要前端程式設計師自己填寫value
專門給input標籤配文字說明(根據情況使用，可忽略)
方式1
使用者名稱:
方式2 使用者名稱:
名字:
123乙個個的下拉選項是乙個個option標籤
新增multiple變成多選
個人介紹:
獲取大段的文字內容
兩種請求方式
get請求
對服務端索要資料
post請求
向服務端提交資料
getpost
後退按鈕/重新整理
無害資料會被重新提交（瀏覽器應該告知使用者資料會被重新提交）。
書籤可收藏為書籤
不可收藏為書籤
快取能被快取
不能快取
編碼型別
歷史引數保留在瀏覽器歷史中。
引數不會儲存在瀏覽器歷史中。
對資料長度的限制
是的。當傳送資料時，get 方法向 url 新增資料；url 的長度是受限制的（url 的最大長度是 2048 個字元）。
無限制。
對資料型別的限制
只允許 ascii 字元。
沒有限制。也允許二進位制資料。
安全性與 post 相比，get 的安全性較差，因為所傳送的資料是 url 的一部分。在傳送密碼或其他敏感資訊時絕不要使用 get ！
post 比 get 更安全，因為引數不會被儲存在瀏覽器歷史或 web 伺服器日誌中。
可見性資料在 url 中對所有人都是可見的。
資料不會顯示在 url 中。
語法注釋
/*樣式1*/
/*樣式2*/
/*樣式3*/
/*樣式4*/
css引用方式
內部樣式、行內樣式、外部樣式
內部樣式：head內style標籤內部直接編寫css**（小白建議使用，方便檢視）
行內樣式：head內link標籤引入外部css檔案（工作中使用，符合標準）
css查詢標籤之選擇器
基本選擇器
標籤選擇器
直接通過標籤名查詢標籤
h1
類選擇器
通過標籤的class屬性查詢標籤
.c1
增加了乙個句點符
id選擇器
通過id精準查詢
通過標籤的id屬性查詢標籤
#d1
關鍵符號為井號
通用選擇器
查詢所有標籤
*
關鍵符號為星號
組合選擇器
標籤裡面的巢狀管理表示標籤的親屬關係
"""
補充:標籤關係
div1
div2
p1p2 span1
span2
通過巢狀層級來表示親屬關係
1.對於div1來說div2、p2、span2都是兒子
2.對於div2、p2、span2來說div1就是父親
3.對於p1來說div2是父親 div1是爺爺(可以將div1和div2統稱為祖先)
4.對於span2來說div2、p2是哥哥 span2是弟弟
5.div1內部所有的標籤無論層級都可以稱之為是div1的後代
ps:判斷的時候一定要看層級關係
"""# 1.兒子選擇器(關鍵符號是大於號)
#d1 > span
# 2.後代選擇器(關鍵符號是空格)
#d1 span
# 3.毗鄰選擇器(關鍵符號是加號)
#d1 + a
# 4.弟弟選擇器(關鍵符號是小波浪號)
#d1 ~ a
屬性選擇器
# 根據標籤內部的屬性名和屬性值查詢標籤(關鍵符號是中括號)
1.方式1:直接通過屬性名查詢
[type]
2.方式2:屬性名是type並且值是text的標籤
[type='text']
3.方式3:屬性名是type並且值是text的div標籤
div[type='text']
分組與巢狀
分組
div, p, span
巢狀
d1, .c1, span
使用方式：
div#d1 查詢id是d1的div標籤
div.c1 查詢class包含c1的div標籤
div #d1 查詢div內部id是d1的後代標籤
#d1>.c1 查詢id是d1的內部class包含c1的兒子標籤
偽類選擇器
# 1.滑鼠懸浮
p:hover
# 2.獲取聚點
input:focus
前端學習第二天
前端學習筆記 二
rel stylesheet href 1.css display inline display block display inline block 預設樣式 標籤選擇器 類選擇器 id選擇器 行內樣式 important01 10100 1000 1000以上a link a link 鏈結預設...
前端學習總結（二）
本章的問題都是學習過程中一些基礎問題。前幾天學習了js html css的相關知識。昨天安裝nodejs和npm又出了一些問題，今天中午解決了這些問題，也安裝了vue。並跟著乙個vue入門課程完成了基礎語法的學習。接下來對今天的學習進行乙個總結。啊萬事開頭難，發現有很多東西我都無法給出真正的解釋。1...
前端學習（二） head標籤
head標籤中的相關標籤，是看不見摸不著的，僅僅是對應用於網頁的一些基礎資訊 元資訊 前面說的是青春版，完整的head應該是這樣的 這個是設定 的字符集 utf 8 字多，有各種國家的語言，但是儲存尺寸大，檔案臃腫 gb2312字少，只用中文和少數外語和符號，但是尺寸小，檔案小巧 你們公司是做日本動...