2011-04-04 28 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") 
    } 
) 
相关问题