<h1>inputmode DEMO</h1>

<div>
  <h2>none</h2>
  <input type="text" inputmode="none" />
</div>

<div>
  <h2>numeric</h2>
  <input type="text" inputmode="numeric" min="6" max="12" pattern="\d*" />
</div>

<div>
  <h2>tel</h2>
  <input type="text" inputmode="tel" />
</div>

<div>
  <h2>decimal</h2>
  <input type="text" inputmode="decimal" />
</div>

<div>
  <h2>email</h2>
  <input type="text" inputmode="email" />
</div>

<div>
  <h2>url</h2>
  <input type="text" inputmode="url" />
</div>

<div>
  <h2>search</h2>
  <input type="text" inputmode="search" />
</div>