tft每日頭條

 > 生活

 > 列表标簽是行内元素還是塊級元素

列表标簽是行内元素還是塊級元素

生活 更新时间:2025-01-11 15:12:37
footer元素

作用:它英文詞意有“頁腳”的意思,是用來定義文檔或文檔某一部分的頁腳,即結尾部分。它隻起到語義的作用,表示它是文檔或文檔某一部分的末尾。

内容:比如創作者的信息、文檔的創作日期。作用和address有點相似,但是address和footer一般是包含關系,即一般将address元素放在footer元素裡使用。

header元素

作用:是用來定義文檔或文檔某一部分的頁眉,即頂部部分。它也隻是起到語義的作用,表示它是文檔或文檔某一部分的頂部。

内容:用于文檔的标題。header元素是表示文檔的頂端部分。最好是放标題h1-h6元素,不要把它當做顯示内容的元素,随便寫東西。如果放内容為什麼不用div,p,span元素,這些都可以滿足你的要求。

input元素

作用:獲取用戶輸入的信息,通過設定type屬性的值确定輸入框的種類。

type的屬性值有哪些:

text,passward,radio,checkbox,

button,submit等等

1.type="text" :對應文本輸入框

列表标簽是行内元素還是塊級元素(footerheaderinput)1

代碼區

列表标簽是行内元素還是塊級元素(footerheaderinput)2

效果區

size:設置元素的長度

value:設置顯示在輸入框裡的内容

2.type="passward":對應密碼輸入框

列表标簽是行内元素還是塊級元素(footerheaderinput)3

代碼區

列表标簽是行内元素還是塊級元素(footerheaderinput)4

效果區

maxlength:限制輸入字符個數不超過8位

3.type="radio":對應單選框

列表标簽是行内元素還是塊級元素(footerheaderinput)5

代碼區

列表标簽是行内元素還是塊級元素(footerheaderinput)6

效果區

注意:單選框是必須隻能選一個的,所以必須還要設置一下name的屬性值必須一樣,表明這四個選項是一組的。

value屬性作用:當你點擊四個選項中某一個時,網站就會将對應的value的值交給後端。

4.type="checkbox":對應複選框

作用:可以選擇多個選項

列表标簽是行内元素還是塊級元素(footerheaderinput)7

代碼區

列表标簽是行内元素還是塊級元素(footerheaderinput)8

效果區

5.type="button":對應普通按鈕

列表标簽是行内元素還是塊級元素(footerheaderinput)9

代碼區

列表标簽是行内元素還是塊級元素(footerheaderinput)10

效果區

6.type="submit":對應提交按鈕

作用:用于提交數據

列表标簽是行内元素還是塊級元素(footerheaderinput)11

代碼區

列表标簽是行内元素還是塊級元素(footerheaderinput)12

效果區

(4)output元素

作用:定義内容的輸出,會随着輸入框的内容的改變而改變

列表标簽是行内元素還是塊級元素(footerheaderinput)13

代碼區

value屬性:設置輸入框的初始值

min:設置輸入框最小值

max:設置輸入框最大值

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved