四位/六位手机短信验证码输入框（H5实现）

输入六位（或四位）手机短信验证码是手机端常见的场景，本文记录下H5实现方法：通过隐藏input输入框，再结合六个div输入框展示输入验证码实现。

实现要点

通过定位和透明度将输入框隐藏；监听input输入行为并高亮显示当前输入验证码位置的盒子。

HTML部分

创建容器，容器添加四个显示验证码的格子，以及实际用户输入用到的input输入框。

<div class="code-area">
  <div class="code-item"></div>
  <div class="code-item"></div>
  <div class="code-item"></div>
  <div class="code-item"></div>
  <input maxlength=4 class