入力タイプを使用せずにタッチデバイスの数字キーボードを有効にする

Question

入力タイプを使用せずにすべてのタッチデバイスで数字キーパッド、電子メールキーパッド、および電話キーパッドをトリガーしたい。

<input type="text" value="" class="text-box number"> 
<input type="text" value="" class="text-box email"> 
<input type="text" value="" class="text-box tel"> 

可能であればjqueryでも可能です。

Answer 1

メインの投稿にコメントがありますので、唯一の選択肢はjavascriptです。

あなたの元のHTMLによると：私はいくつかの変更を行うことができます

<input type="text" value="" class="text-box number"> 
<input type="text" value="" class="text-box email"> 
<input type="text" value="" class="text-box tel"> 

（例えば、以下のHTMLを参照してください、data-typeカスタム属性を追加）して、JavaScriptのブロック：

$(document).ready(function() { 
 
    
 
    // iteration through all elements that matches 
 
    $('.text-box[data-type]').each(function() { 
 
    //replace the type 
 
    $(this).attr('type', $(this).attr('data-type')); 
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<input type="text" value="" data-type="number" class="text-box"> 
 
<input type="text" value="" data-type="email" class="text-box"> 
 
<input type="text" value="" data-type="tel" class="text-box">

dynamicallを変更できないため、IE9以下では動作しませんyは入力のタイプですが、残りのブラウザでは完全に動作します。