在數字輸入中強制引導爲零

我正在寫一個鬧鐘網絡應用程序。我有兩個號碼輸入，一個是小時，一個是分鐘。因此，當我使用我的鍵盤箭頭時，它們從0到23/59。有沒有一種HTML原生的方式讓他們從00（01,02等）轉到23/59？在數字輸入中強制引導爲零

我只是擔心UI方面，因爲我的JS管理丟失的0無論如何。

編輯 - 根據要求：

我有什麼：

Current

我想要什麼：

Objective

而不是去從0,1,2至59 ，當數字小於10（00,01,02到59）時，我想自動產生一個前導0。

來源

2013-12-19 Simon

從你的問題中不清楚你問的是什麼。也許你可以把JSFiddle放在一起，或者共享一個鏈接，這樣我們就可以看到你正在使用的是什麼？ – johnkavanagh

**請說明您的具體問題或添加更多的細節，以確切地突出你需要什麼。正如它目前所寫，很難準確地告訴你要問什麼。** –

你不想用JavaScript處理輸入，只有「native」HTML？ – KungWaz

恐怕沒有原生的HTML方法來做到這一點，除非使用選擇標記。如果您使用的是文本輸入，則必須通過javascript在10個第一個值上添加前導0。

來源

2013-12-19 14:59:12

我用這只是在前面加上零需要：

<script> 
    function leadingZeros(input) { 
    if(!isNaN(input.value) && input.value.length === 1) { 
     input.value = '0' + input.value; 
    } 
    } 
</script>

我只是調用輸入的各種活動怎麼過最適合我，比如：

<input type="number" 
     value="00" 
     onchange="leadingZeros(this)" 
     onkeyup="leadingZeros(this)" 
     onclick="leadingZeros(this)" />

這不是一個理想的解決方案，主要是因爲有一個輕微的視覺變化，因爲用戶更改數字和零前置，但它適用於我:)

編輯：忘了提，我欣賞t他回答要求一個沒有JavaScript的本地解決方案，但我想爲通過谷歌搜索登陸這裏的人提供一些東西。

來源

2017-10-06 09:52:54 apbarratt

在數字輸入中強制引導爲零

回答

相關問題