點燈坊

失くすものさえない今が強くなるチャンスよ

使用 input (type=tel) 提供數字鍵盤

Sam Xiao's Avatar 2021-06-14

有些 <input> 只需輸入數字,希望在 Mobile Browser 能顯示數字鍵盤,在 HTML 可簡單實現。

Version

HTML 5

HTML

tel000

<input> 顯示數字鍵盤。

<template>
  <input type='tel'>  
</template>

只要將 <input>type=tel,在 mobile browser 就會以數字鍵盤開啟。

Conclusion

  • HTML 5 已經原生支援數字鍵盤,並不需要額外 package