作用:它英文詞意有“頁腳”的意思,是用來定義文檔或文檔某一部分的頁腳,即結尾部分。它隻起到語義的作用,表示它是文檔或文檔某一部分的末尾。
内容:比如創作者的信息、文檔的創作日期。作用和address有點相似,但是address和footer一般是包含關系,即一般将address元素放在footer元素裡使用。
header元素作用:是用來定義文檔或文檔某一部分的頁眉,即頂部部分。它也隻是起到語義的作用,表示它是文檔或文檔某一部分的頂部。
内容:用于文檔的标題。header元素是表示文檔的頂端部分。最好是放标題h1-h6元素,不要把它當做顯示内容的元素,随便寫東西。如果放内容為什麼不用div,p,span元素,這些都可以滿足你的要求。
input元素作用:獲取用戶輸入的信息,通過設定type屬性的值确定輸入框的種類。
type的屬性值有哪些:
text,passward,radio,checkbox,
button,submit等等
1.type="text" :對應文本輸入框
代碼區
效果區
size:設置元素的長度
value:設置顯示在輸入框裡的内容
2.type="passward":對應密碼輸入框
代碼區
效果區
maxlength:限制輸入字符個數不超過8位
3.type="radio":對應單選框
代碼區
效果區
注意:單選框是必須隻能選一個的,所以必須還要設置一下name的屬性值必須一樣,表明這四個選項是一組的。
value屬性作用:當你點擊四個選項中某一個時,網站就會将對應的value的值交給後端。
4.type="checkbox":對應複選框
作用:可以選擇多個選項
代碼區
效果區
5.type="button":對應普通按鈕
代碼區
效果區
6.type="submit":對應提交按鈕
作用:用于提交數據
代碼區
效果區
(4)output元素作用:定義内容的輸出,會随着輸入框的内容的改變而改變
代碼區
value屬性:設置輸入框的初始值
min:設置輸入框最小值
max:設置輸入框最大值
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!