1.內嵌標簽: iframe: src:要顯示的網路資源路徑 可以是本地資源(相對路徑)也可以是網路資源(url) 註:預設當前頁面打開及載入src指向的資源 width:設置顯示區域寬度 height:設置顯示區域高度 name:設置內嵌區域的名字,結合超鏈接標簽的target屬性使用 註:在當前 ...
1.內嵌標簽:
iframe:
src:要顯示的網路資源路徑
可以是本地資源(相對路徑)也可以是網路資源(url)
註:預設當前頁面打開及載入src指向的資源
width:設置顯示區域寬度
height:設置顯示區域高度
name:設置內嵌區域的名字,結合超鏈接標簽的target屬性使用
註:在當前網頁中載入其他網頁的資源,達到不同網頁資源之間不相互干擾,並能在同一個頁面中展現給用戶的目的.
例:
2.框架標簽:
註:第一步一定要刪除body標簽
frameset
rows:按照行進行切分頁面
cols:按照列進行切分頁面
子標簽:
frame:進行切分區域的占位,一個frame可以單獨載入網頁資源.
src:資源路徑(本地或者網路)
name:區功能變數名稱,結合超鏈接使用
例:
3.form標簽
1.form表單標簽學習:
作用:收集並提交用戶數據給指定伺服器
屬性:
action:收集的數據提交地址也就是URL
method:收集的數據的提交方式
get :適合小量數據,表單數據以?隔開拼接在URL後面,不同的鍵值對使用&符號隔開,不安全.
post:適合大量數據,安全,隱式提交
註:
1.表單數據的提交,要提交的表單項必須擁有name屬性值,否則不會提交.
2.提交的表單項數據為鍵值對,鍵為name屬性的值,值為用戶書寫的數據
3.form標簽會收集其標簽內部的數據
4.form表單的數據提交需要依賴於submit提交按鈕.
2.form表單域標簽學習:
作用:給用戶提供可以進行數據書寫或者選擇的標簽.
使用:
1.文本框input:
type:
text 收集少量的文本數據,用戶可見
password 收集用戶密碼數據
屬性:
name:數據提交的鍵,也會被js使用
value: 預設值
2.單選框input:
type:radio
屬性:
name:name屬性值相同的單選框只能選擇一項數據
value:要提交的數據
checked:checked 使用此屬性的單選預設是選擇狀態
3.多選框input:
type:checkbox
屬性
name:一個多選組需要使用相同的name屬性值
value:要提交的數據
checked:checked 使用此屬性的多選框預設是選擇狀態
4.單選下拉框select:
屬性:
name:數據提交的鍵名,必須聲明
value:要提交的數據
子標簽option:一個option標簽表示一個下拉選項
5.文本域:
textarea:聲明一個可以書寫大量文字的文本區域
屬性:
name:數據提交的鍵名,js和css也會使用
rows:聲明文本域的行數
cols:聲明文本域的列數
6.普通按鈕input:
type:button
屬性:name,value
7.隱藏標簽input
type:hidden
屬性:name,value
註意:表單數據提交提交的是表單域標簽的value值
3.form表單標簽的使用:
在點擊數據提交時,form標簽會將其內部所有form表單域標簽中用戶書寫的數據按照method指明的提交方式
提交給action屬性所指明的提交地址.
例: