HTML inputmode属性与软键盘类型演示页面

展示

代码

• HTML：

  <h4>decimal测试</h4>
  <p class="ui-grid" data-form>验证码：<input inputmode="decimal"></p>
  
  <h4>其他值：</h4>
  <ui-grid form style="--ui-gap: .5rem;">
      none<input inputmode="none">
      decimal<input inputmode="decimal">
      tel<input inputmode="tel">
      search<input inputmode="search">
      email<input inputmode="email">
      url<input inputmode="url">
  </ui-grid>

• CSS：

  input {
    padding: 5px 10px;
  }