"""獲取前端使用者資料並傳送給後端伺服器"""# 需要在form標籤內部編寫獲取使用者資料標籤
# 1.屬性action
控制資料的提交位址
方式1:寫全路徑
action=""
方式2:寫字尾(自動補全ip和port)
action="user.php"
方式3:不寫(朝網頁所在的位址提交)
action=""
'''url:統一資源定位符(**)'''
# 2.input標籤
獲取使用者各中型別資料的標籤(html裡面的變形金剛)
type屬性
text 正常展示的普通文字
password 密文展示
date 日曆展示
radio 單選
可以通過新增checked="checked"設定預設值
ps:如果屬性名和屬性值相同 可以簡寫checked
checkbox 多選
可以通過新增checked="checked"設定預設值
ps:如果屬性名和屬性值相同 可以簡寫checked
email 郵箱格式資料
file 檔案資料
可以通過新增multiple屬性控制獲取單個還是多個檔案
submit 觸發form表單提交資料的動作
能夠觸發form表單提交資料動作的標籤有兩個
1.input的type=submit
2.button標籤
reset 重置頁面填寫的資料
button 普通按鈕預設沒有任何的功能
意味著以後可以給它新增任意的功能(js事件)
# 3.select標籤
下拉框北京
上海深圳
乙個個的下拉選項是乙個個option標籤
預設是單選 也可以新增multiple變成多選
# 4.textarea標籤
獲取大段文字內容"""
input標籤中有兩個非常重要的屬性
1.name屬性
類似於字典的key(前端程式設計師寫)
2.value屬性
類似於字典的value(使用者自己傳)
如果標籤是選擇型別的 那麼還需要前端程式設計師自己填寫value
用於區分具體資料含義
ps:我們在編寫input標籤的時候應該新增name屬性
"""# 3.lable標籤
專門給input標籤配文字說明 也可以不使用
方式1使用者名稱:
方式2 使用者名稱:
"""最常見的網路請求方式有兩種"""
1.get請求
朝服務端索要資料
2.post請求
朝服務端提交資料
# 兩種請求都可以攜帶資料
get請求是在url後面通過?組織資料
post請求是在請求體中組織資料
http協議請求資料格式
'''get請求雖然可以攜帶資料 但是一般只用於不重要的資料攜帶
並且get請求攜帶資料的大小有限制 最多只能攜帶2kb左右
'''form表單中有乙個method屬性 用於控制提交的方式
有兩個選項 預設是get請求
# 1.語法結構
選擇器
# 2.語法注釋
/*注釋內容*/
"""乙個正常的網頁css樣式是非常多的 就算專門開設css檔案儲存也很亂
這個時候就可以在css檔案中通過注釋來輔助辨別與查詢
eg:/*樣式表*/
/*導航條樣式*/
/*左側欄樣式*/
/*右側欄樣式*/
"""# 3.多種引入css的方式
1.head內style標籤內部直接編寫css**
建議在小白學習階段可以使用 方便檢視
2.head內link標籤引入外部css檔案
工作中一般使用的都是link形式 符合標準
3.標籤內部通過style屬性直接編寫
第三種也稱之為"行內式"是最不推薦使用的一種方式
因為它會將html和css柔和到一起 增加了耦合度
# 問:css是用於調整html標籤樣式的
但是同乙個頁面上有很多相同的標籤並且可能需要有不同的樣式
css的學習流程是
先學會如何查詢標籤
之後才能學如何給標籤修改樣式
# 1.標籤選擇器(範圍查詢)
直接通過標籤名查詢標籤
h1 # 2.類選擇器(範圍查詢)
通過標籤的class屬性查詢標籤(關鍵性符號是句點符)
.c1
# 3.id選擇器(精確查詢)
通過標籤的id屬性查詢標籤
#d1
# 4.通用選擇器(了解 幾乎不用)
查詢所有的標籤
*
"""
補充:標籤關係
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']
# 1.分組
div, p, span
# 2.巢狀
#d1, .c1, span
"""綜合玩法
玩法1 div#d1 查詢id是d1的div標籤
div.c1 查詢class包含c1的div標籤
玩法2 div #d1 查詢div內部id是d1的後代標籤
#d1>.c1 查詢id是d1的內部class包含c1的兒子標籤
"""
# 1.滑鼠懸浮
p:hover
# 2.獲取聚點
input:focus
form表單的選擇器
form1 input enabled id為form1的表單內所有可用input元素列表 form1 disabled class為form1的元素內所有不可用元素列表 form1 disabled 所有不可用的且class為form1的元素 input checked 所有被選中的iput元素 ...
選擇器 表單
匹配所有input,textarea,select 和 button 元素 描述 查詢所有的input元素，下面這些元素都會被匹配到。html jquery input 結果 option button,匹配所有的單行文字框 描述 查詢所有文字框 html jquery text 結果 匹配所有密碼...
CSS選擇器及用法
用來修飾標籤的技術，叫層疊樣式表 簡稱css 選中網頁中某乙個指定id的標籤的樣式 網頁中的標籤，每個標籤有且僅有乙個唯一的id 例項 選中所有網頁中指定class屬性的標籤的樣式 不同的標籤的class屬性可以一樣，表示使用同一種樣式來修飾 例項 使用指定的標籤，來修飾網頁中所有選中的標籤的樣式 ...