WebView内のテキストフィールドタップ時のキーボード種別

WebView内のテキストフィールドを選択した時に表示されるキーボードのタイプは、何によって決まるのか調べました。今回はSFSafariViewで試していますがWKWebViewでも同じはずです。

結論

htmlのtypeの指定によって表示されるキーボードの種類が変わります。

// 普通のキーボード
<input type="text" size="20" maxlength="30">

// PhonePad 
<input type="tel" size="20" maxlength="30">

これ以外にもtypeにurlやemailを指定することで、それぞれに応じたキーボードを表示させることができます。