1、 标签

纯HTML实现文字在一定区域内滚动

MDN链接：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/marquee

  1. <marquee>This text will scroll from right to left</marquee>

GIF.gif

2、H5 通过 input 标签 调用摄像头

  1. // 捕获摄像头，user 表示前置摄像头，environment 表示后置摄像头
  2. <input type="file" capture="user" accept="image/*" />

3、前端对 input 输入信息进拼写检查

这个或许只适合 纯英文或者 纯中文的 input 输入框 

  1. // 开启 input 输入框的拼写检测
  2. <input type="text" spellcheck="true" lang="en" />

4、HTML 控制页面隔一段时间进行刷新

  1. // 每 10s 刷新一次
  2. <meta http-equiv="refresh" content="10" />

5、input 文件上传限制 上传的文件格式

  1. // 上传文件时指定允许的文件格式
  2. <input type="file" accept=".jpeg,.png" />

6、HTML 禁止浏览器对部分元素就行翻译

当做的是适配多国语言的站点，那么别人在使用的时候就可有可能使用浏览器翻译成对方熟悉的语言，但是有一些专有名词不能翻译，那么就需要这么一个属性了

  1. // 阻止浏览器翻译，适用场景比如 Logo 和品牌名
  2. <p translate="no">Brand name</p>