Включить цифровую клавиатуру в сенсорном устройстве без использования типов ввода

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"> 

я могу внести некоторые изменения (например, добавить data-type пользовательский атрибут, см следующий HTML), а затем 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">

Это не будет работать в IE9 или менее, поскольку оно не позволяет изменять dynamicall y тип ввода, но в остальных браузерах он будет работать отлично.