1.新增类型 电子邮件类型,语法<input type="email"/>,input中输入的内容必须包含“@”,并且“@”后面必须有内容 搜索类型,语法<input type="search"/>,输入搜索关键字的文本框 URL类型,语法<input type="url"/>,输入web站点的文本框,要求输入内容必须包含“http://”,且后面必须有内容 颜色类型,语法<input type="color"/>,预定义的颜色拾取空间,调用系统取色板 数字类型,语法<input type="number" min="-100" max="100" step="5"/>,定义只能输入数字的文本框, 包含3种属性:min(规定输入域的最小值)、max(规定输入域的最大值)、step(规定合法的数字步长间隔,默认为1)、value(规定输入域的默认值) 范围类型,语法<input type="range" min="0" max="100" value="50"/>,允许用户选择一个范围内的值,属性:min(下限值)、max(上限值)、step(步长)、value(初始值) 日期类型,语法<input type="date"/>,创建一个日期输入域 周类型,语法<input type="week"/>,与日期类型相似,但只能选择周 月类型,语法<input type="month"/>,与date类型相似,但只能选择月份 2.新增属性 placeholder,显示默认提示内容,语法<input type="text" placeholder="请输入用户名"/> multiple,支持一个域中输入多个值,用逗号隔开,一般配合邮箱、URL使用,语法<input type="email" multiple/> autofocus,自动获取光标焦点,语法<input type="text" autofocus/> required,定义输入域不能为空,语法<input type="text" required/> minlength 和 maxlength,规定元素允许的最小字符数和最大字符数,语法<input type="password" minlength="6" maxlength="16"/> min 和 max,规定元素允许的最小数字和最大数字,语法<input type="number" min="0" max="100"/> 3.新增语义化标签 header,页面头部 footer,页脚 article,定义页面独立的内容区域,可独立于页面其他内容 aside,定义页面侧边栏内容 section,定义文档中的节 details,文档某个部分的细节(内容可折叠收起) summary,是details中的标题注释 figure,规定独立的流内容 figcaption,是figure的标题注释 mark,标记 nav,导航连接 meter,用来表示范围已知且可度量的内容,对超出阀值的情况进行提示,语法<meter min="0" max="100" value="50" low="20" high="80"></meter> progress,定义运行中的进度(进程),语法<progress max="100" value="20"></progress>,value定义当前值,max定义完成值 datalist,定义选项列表,与input配合使用来规定input可能的值,通过input的list属性值与datalist的id属性值相同进行绑定,否则datalist及其选项不会在页面显示,它仅是一个合法的输入值列表
|
|