<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
width: 40px;height: 40px;
background-color: #319ad6;
hutia:expression(this.onselectstart=function(){return(false)});
border: 2px solid #21415a;
<script type="text/javascript">
var ml=obj.maxLength||200;
if($("#numpicker").size()==0){
$('body').append('<div id="numpicker"><a>7</a><a>8</a><a>9</a><a>4</a><a>5</a><a>6</a><a>1</a><a>2</a><a>3</a><a>0</a><a style="width:84px">←</a></div>');
$("#numpicker a").click(function(e){
var v=$("#numpicker").data("obj").val(),k=$(this).text();
$("#numpicker").data("obj").val(k=="←"? v.substring(0, v.length-1):v+(v.length<ml?k:""));
$(document).click(function(){
$("#numpicker").animate({left:-100,top:-200},"fast");
$(this).attr(obj).click(function(e){
$("#numpicker").data("obj",$(this));
$("#numpicker").stop().animate({left:xy.left,top:xy.top+$(this).height()+5});
$(document).ready(function(){
$(".num").numPicker({maxLength:8,readonly:true});
$("#num").numPicker({maxLength:3});
帐号:<input type="text" class="num" title="帐号"><br/>
密码:<input type="text" class="num" title="密码">
<input type="text" id="num" title="密码">