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:设置输入框最大值

,