2011-04-04 15 views
2

如何製作僅包含兩個按鈕和一個文本框的簡單屏幕HTML鍵盤?

On screen keyboard

但我想用只有兩個按鈕,將包含類似這樣和值值0和1 應該來在文本框

enter image description here

誰能告訴設計鍵盤我怎麼能做到這一點?

+0

使用Javacript。 – mattsven 2011-04-04 18:08:21

+0

html .. javascript anything – 2011-04-04 18:08:39

+0

它可能會用HTML和一些CSS來做到最簡單。 javascript將處理按鈕的單擊事件並將值放在文本框中。 – 2011-04-04 18:10:50

回答

8

樣本HTML:

<input type="text" id="theTextField"> 
<div id="button0">0</div> 
<div id="button1">1</div> 

樣品的jQuery:

var $yourTextField = $('#theTextField'); 

$('#button0').click(
    function(){ 
     $yourTextField.val($yourTextField.val()+"0") 
    } 
) 

$('#button1').click(
    function(){ 
     $yourTextField.val($yourTextField.val()+"1") 
    } 
) 
相關問題