5.9 HTML5 新增表单控件 ---不是特别重要
2021-06-03 09:02
标签：text auto 联想 自动 NPU focus div 下拉 label 5.9 HTML5 新增表单控件 ---不是特别重要 标签：text auto 联想 自动 NPU focus div 下拉 label 原文地址：https://www.cnblogs.com/LiuYanYGZ/p/12353145.htmlHTML5 新增表单控件
新增类型：网址 邮箱 日期 时间 星期 数量 范围 电话 颜色 搜索
这些控件基本不使用：因为在不同的浏览器中效果不一样。产品设计中不允许多个浏览器效果不同，必须统一。label>网址:label>input type="url" name="" required>br>br>
label>邮箱:label>input type="email" name="" required>br>br>
label>日期:label>input type="date" name="">br>br>
label>时间:label>input type="time" name="">br>br>
label>星期:label>input type="week" name="">br>br>
label>数量:label>input type="number" name=""> br>br>
label>范围:label>input type="range" name="">br>br>
label>电话:label>input type="tel" name="">br>br>
label>颜色:label>input type="color" name="">br>br>
label>搜索:label>input type="search" name="">br>br>
新增常用表单控件属性：（这个还是比较常用的）
1、placeholder 设置文本框默认提示文字
2、autofocus 自动获得焦点 autofocus="autofocus" 可以简写为autofocus
3、autocomplete 联想关键词， 一般设置为"off", 将它关掉， 然后自定义联想词语下拉菜单 input type="text" placeholder="请输入用户名" autofocus autocomplete="off">