菜鸟的HTML5之路DAY 02-----input标签

文章目录

  • 1 常用标签
  • 2 input标签

1 常用标签

artical
header
页眉,头部
header
nav
导航栏
nav
footer
页尾
footer
artical

datalist与input一起使用
菜鸟的HTML5之路DAY 02-----input标签_第1张图片
在input中加入placeholder可以使框中默认值点击时消失

菜鸟的HTML5之路DAY 02-----input标签_第2张图片

菜鸟的HTML5之路DAY 02-----input标签_第3张图片

2 input标签

email:必须填写Email格式
在这里插入图片描述
在这里插入图片描述

tel:填写电话(大部分浏览器已不支持)
在这里插入图片描述

number:只能填写数字,并且有上下箭头可以调整数字
在这里插入图片描述
在这里插入图片描述

range:滑动条
在这里插入图片描述

time:显示数字 00:00 前面最大为24,后面最大为59

在这里插入图片描述

在这里插入图片描述

date:日期 年:月:天
在这里插入图片描述

在这里插入图片描述

datetime-local:相当于date+time
在这里插入图片描述
在这里插入图片描述

placeholder属性:规定帮助用户填写输入字段的提示,鼠标点击时隐藏(但是依然可见)
在这里插入图片描述
在这里插入图片描述

required:框内不能为空

在这里插入图片描述

菜鸟的HTML5之路DAY 02-----input标签_第4张图片

你可能感兴趣的:(菜鸟的HTML5之路DAY 02-----input标签)