3-2、H5属性变化

3-2、H5属性变化

input的变化

  <input type="email" name="" id="">
  <input type="url" name="" id="">
  <input type="tel" name="" id="">
  <input type="number" name="" id="">
  这几个外形上在pc端没变化，在手机端，点击的时候，键盘会有变化。

number:

---

在这里插入代码片

  <input type="date" name="" id="">
  <input type="month" name="" id="">
  <input type="week" name="" id="">
  <input type="time" name="" id="">
  <input type="datetime" name="" id="">
  <input type="datetime-local" name="" id="">

---

  <input type="range" name="range" id="" min="1" max="10">
  <input type="search" name="" id="">
  <input type="color" name="" id="">
 拖动条、搜索框、取色器

---

auticompleta属性
form或input域应该拥有自动完成功能
比如，在表单提交中，输入内容提交，关闭再打开，这时候双击输入框，就会出现曾经提交过的记录，点击就可以自动填写上，不止可以作用在form上，还可以再input上。

  <form action="" autocomplete="on">
    <input type="text" name="" id="">
    <input type="email" name="" id="" autocomplete="off">
    <input type="submit" value="">
  </form>

outofocus属性
规定在页面加载时，域自动的获得焦点。适用于所有input标签。

  <form action="" >
    <input type="text" name="" id="" >
    <input type="email" name="" id="" >
    <input type="submit" value="">
  </form>

multiple属性
规定输入域中可选择多个值。适用于email和file
email可以输入多个邮箱，以逗号分割，以数组形式传向后台，不添加就是字符串传向后台

  <input type="email" name="" id="" multiple="multiple">
  <input type="file" name="" id="" multiple="multiple">

placeholder属性
提供一种提示（hint），描述输入域所期待的值。
这里只是提示，而不是默认值。

  <input type="text" name="" placeholder="您好，请输入用户名" id="">

required属性
规定提交前填写输入域（不能为空）。

  <input type="text" name="" required="required">

hidden隐藏域

---

链接属性: sizes:

  <link rel="icon" href="" type="image/gif" sizes="16*16">

target：

<base href="" target="_blank">
设置默认地址以及链接打开方式，写在head中

超链接
a:media=""(表示对设备进行优化，handheld对手持设备进行支持，tv对电视设备进行支持)；
a:hreflang=“zh”（设置语言，这里设置的时中文）
a:rel=“external” （设置超级链接的引用，这里的超级链接是指外部链接）

其他属性：
defer 加载完脚本后并不执行，而是等页面加载完成之后再执行。现如今只支持IE
async 加载完脚本之之后立即执行，不用等整个页面都加载完，属于异步执行。现在支持所有的主流浏览器

  <script defer="defer" src=""></script>
  <script async="async" src=""></script>

列表：
ol 有序列表
start 起始值
reversed 倒叙排列

manifest可以在本地建立缓存，离线也可以访问原网址

<style scoped>
....
</style>
可以放在任意位置，但是不建议使用。