<返回更多

footer,header,input,output,menu元素

2022-04-13    web前端设计
加入收藏

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

声明:本站部分内容来自互联网,如有版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
▍相关推荐
更多资讯 >>>