5.9 HTML5 新增表单控件 ---不是特别重要

HTML5 新增表单控件
新增类型:网址 邮箱 日期 时间 星期 数量 范围 电话 颜色 搜索
这些控件基本不使用:因为在不同的浏览器中效果不一样。产品设计中不允许多个浏览器效果不同,必须统一。

<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">

 



posted @ 2020-02-23 18:28  LiuYanYGZ  阅读(223)  评论(0编辑  收藏  举报