製作屏幕上的數字鍵盤

我需要的是：製作一個HTML表格，其中包含一個數字數字鍵盤「pin-pad」，就像計算器一樣，每次點擊所需的數字時，數字就會加上<input type=text>。製作屏幕上的數字鍵盤

詳細信息：假設可以輸入例如電話號碼，社會安全號碼等，然後提交。

問題：當我點擊<input id=1>的onClick不要做什麼，我想，這個值出現的是總是空的或類似的東西。

我已經試過：嘗試HTML內嵌JavaScript代碼使用onClick事件發生後沒有成功：

<form action="" method="" name="vform"> 
<input type="text" value="" name="mvar" /><br /> 
<input type="button" class="fbutton" name="1" value="1" id="1" onClick=」document.vform.mvar.value+='1'」 /> 
</form>

如何可以做到？

來源

2014-01-21 Jesper Nielsen

問題是什麼？ – FeliceM

這裏是包含了所有的數字（0-9）

HTML演示Fiddle：

<form action="" method="" name="vform"> 
<input id=mvar type="text" value="" name="mvar" /><br /> 
<input type="button" class="fbutton" name="1" value="1" id="1" onClick=addNumber(this); /> 
</form>

JavaScript的使用jQuery：

function addNumber(element){ 
    $('#mvar').val($('#mvar').val()+element.value); 
}

JavaScript的原生：

function addNumber(element){ 
    document.getElementById('mvar').value = document.getElementById('mvar').value+element.value; 
}

來源

2014-01-21 19:33:02

這需要jquery – rene

你是對的。我不知道是否使用jQuery的權利？我會添加本地JavaScript解決方案 –

這工作絕對美麗;） –

爲此，您可能需要使用第三方插件。

否則，您需要自己編寫整個代碼。但是，您的代碼不會在屏幕上顯示數字鍵盤，因爲在桌面上幾乎所有用戶都有自己的鍵盤，因此用戶不需要虛擬鍵盤。瀏覽器不會打擾顯示鍵盤！

如果您想在屏幕上顯示鍵盤並從那裏輸入數據，您需要編寫代碼或在屏幕鍵盤上搜索數字javascript。

來源

2014-01-21 19:28:25

你的代碼基本上沒有太多錯誤，除了surronding引號的類型很重要.... 它看起來像你有onClick屬性的'打開'和'關閉'類型的引號。如果你讓他們像其他人一樣簡單，你的代碼就可以工作

<form action="" method="" name="vform"> 
<input type="text" value="" name="mvar" /><br /> 
<input type="button" class="fbutton" 
     name="1" value="1" id="1" 
     onClick="document.vform.mvar.value+='1'"/> 
</form>

與工作jsfiddle

來源

2014-01-21 19:42:11 rene

製作屏幕上的數字鍵盤

回答

相關問題