footer,header,input,output,menu元素

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" :对应文本输入框

footer,header,input,output,menu元素

文章插图
代码区

footer,header,input,output,menu元素

文章插图
效果区
size:设置元素的长度
value:设置显示在输入框里的内容
2.type="passward":对应密码输入框
footer,header,input,output,menu元素

文章插图
代码区

footer,header,input,output,menu元素

文章插图
效果区
maxlength:限制输入字符个数不超过8位
3.type="radio":对应单选框
footer,header,input,output,menu元素

文章插图
代码区

footer,header,input,output,menu元素

文章插图
效果区
注意:单选框是必须只能选一个的,所以必须还要设置一下name的属性值必须一样,表明这四个选项是一组的 。
value属性作用:当你点击四个选项中某一个时,网站就会将对应的value的值交给后端 。
4.type="checkbox":对应复选框
作用:可以选择多个选项
footer,header,input,output,menu元素

文章插图
代码区

footer,header,input,output,menu元素

文章插图
效果区
5.type="button":对应普通按钮
footer,header,input,output,menu元素

文章插图
代码区

footer,header,input,output,menu元素

文章插图
效果区
6.type="submit":对应提交按钮
作用:用于提交数据
footer,header,input,output,menu元素

文章插图
代码区

footer,header,input,output,menu元素

文章插图
效果区
(4)output元素作用:定义内容的输出,会随着输入框的内容的改变而改变
footer,header,input,output,menu元素

文章插图
 
value属性:设置输入框的初始值
min:设置输入框最小值
max:设置输入框最大值

【footer,header,input,output,menu元素】


    推荐阅读