也可在移動設備上使用的HTML數字輸入字段

當我在我的web應用程序上設置輸入字段type =「time」或type =「date」時，如果我在移動設備中查看應用程序，以下點擊它也可在移動設備上使用的HTML數字輸入字段

。

但是，當我設置type =「number」時，我期待一個數字鍵盤彈出。但是，我得到了一個鍵盤。如果我將它設置爲type =「tel」，會導致問題還是有更好的解決方案？

2017-02-10 ErnieKev

輸入的號碼是另一種方式來提供的數字爲您的用戶。數字輸入和電話輸入之間的區別在於，還可以輕鬆訪問特殊字符和符號。但是，如果您只需要輸入數字，最好堅持使用tel輸入。

<label class="item item-input"> 
<span class="input-label">Number</span> 
<input type="number"> 
</label>

電話輸入是一個非常未知和使用不足的輸入類型。它顯示一個完整的數字小鍵盤，當所有用戶需要的數字都是數字時，它可以帶來出色的用戶體驗。利用這個優勢！

<label class="item item-input"> 
<span class="input-label">Telephone</span> 
<input type="tel"> 
</label>

欲瞭解更多信息，請閱讀這篇文章：http://ionicframework.com/html5-input-types/#number

來源

2017-02-10 01:44:45 Baahubali

你知道我怎麼能找出哪個設備或哪個固件支持這個「數字」輸入，它會給我一個鍵盤 – ErnieKev

通常一個叫做modernizr的庫可以讓你做到這一點。你將不得不閱讀關於如何做到這一點。 – Baahubali

這是網址：https：//modernizr.com/ – Baahubali

嘗試是這樣的：

<input type="number" min="0" inputmode="numeric" pattern="[0-9]*" />

來源

2017-02-10 01:41:09 cpardon

，如果你想輸入一個號碼，然後輸入類型=

「數量」是存在的。但你若不想看手機鍵盤則u可以使自己的鍵盤是這樣的：

<html> 
<head><title></title></head> 
<body> 

<script> function $(id) { return document.getElementById(id); } </script> 

<input id="num" type="text" readonly="true"/> 
<input type="button" value="..." onclick="$('keypad').style.display='inline-block';"/> 

<div id="keypad" style="display:none; background:#AAA; vertical-align:top;"> 
<input type="button" value="7" onclick="$('num').value+=7;"/> 
<input type="button" value="8" onclick="$('num').value+=8;"/> 
<input type="button" value="9" onclick="$('num').value+=9;"/><br/> 
<input type="button" value="4" onclick="$('num').value+=4;"/> 
<input type="button" value="5" onclick="$('num').value+=5;"/> 
<input type="button" value="6" onclick="$('num').value+=6;"/><br/> 
<input type="button" value="1" onclick="$('num').value+=1;"/> 
<input type="button" value="2" onclick="$('num').value+=2;"/> 
<input type="button" value="3" onclick="$('num').value+=3;"/><br/> 
<input type="button" value="X" onclick="$('keypad').style.display='none'"/> 
<input type="button" value="0" onclick="$('num').value+=0;"/> 
<input type="button" value="&larr;" onclick="$('num').value=$('num').value.substr(0,$('num').value.length-1);"/> 
</div> 

</body> 
</html>

來源

2017-02-10 01:43:52

這個答案是沒有意義的。 – developer033

也可在移動設備上使用的HTML數字輸入字段

回答

相關問題