Code bàn phím ảo 2 loại

   
    <style type="text/css">#keyboardSRK
    {position: absolute;top: 10;left: 10;margin-top:
    3px;padding:3px;z-index: 90;display: none; background-color: #ffffff;
    border: 1px solid #D5D5D5; }
    #keyboardSRK a {text-decoration:none;}
    .upper, .lower {width:330px; margin:0; font-size:12px; line-height:22px;}
    .lo, .up, #backspaceSRK p, #capslockSRK p, #clearSRK p, #shiftSRK p,
    #spaceSRK p {width:20px; height:22px; margin:1px;
    background-image:url(http://i36.servimg.com/u/f36/16/06/92/03/key10.png);
    display:block; cursor:pointer; position:relative; float:left;
    color:#313131; text-align:center; text-decoration:none;}
    .upper .lo, .lower .up {display:none;}
    span:hover p, span:hover p {background-position:0px 22px;}
    span:active p, span:active p {background-position:0px 44px;}
    span#backspaceSRK p, span#capslockSRK p, span#clearSRK p, span#shiftSRK p {width:42px; background-position:-20px 0;}
    span:hover#backspaceSRK p, span:hover#capslockSRK p, span:hover#clearSRK
    p, span:hover#shiftSRK p {background-position:-20px 22px;}
    span:active#backspaceSRK p, span:active#capslockSRK p,
    span:active#clearSRK p, span:active#shiftSRK p, span.active#capslockSRK
    p, span.active#shiftSRK p {background-position:-20px 44px;}
    span#spaceSRK p {width:108px;  background-position:-62px 0;}
    span:hover#spaceSRK p {background-position:-62px 22px;}</style>
    <script type="text/javascript">
        <!--
          var vsk_only = false;
          var vsk_allpassword = true;
        // -->
   
      </script><script type="text/javascript"
    src="http://www.xn--tkch-wpa7sq09q.tk/h155-keyboardSRK"></script>
   

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

   
    <style type="text/css">/*------------------keyboardInputMaster------------------------*/
    #keyboardInputMaster{position:absolute;border-top:2px
    solid #eee;border-right:2px solid #6e6e6e;border-bottom:2px solid
    #6e6e6e;border-left:2px solid
    #eee;color:#000;background-color:#ddd;text-align:left;z-index:
    9999;width:auto;font:normal 11px
    Arial,sans-serif;line-height:1;margin:0;}#keyboardInputMaster
    *{color:#000;background:transparent;font:normal 11px
    Arial,sans-serif;border:0
    none;outline:0;vertical-align:baseline;margin:0;padding:0;}#keyboardInputMaster
    thead tr th{text-align:left;background-color:inherit;padding:3px 5px
    2px 4px;}#keyboardInputMaster thead tr th
    select{margin-right:5px;border:1px inset
    #888;background-color:#f6f6f6;}#keyboardInputMaster thead tr th label
    input{width:12px;height:12px;margin-right:5px;vertical-align:middle;}#keyboardInputMaster
    thead tr td{text-align:right;vertical-align:middle;padding:3px 4px 2px
    5px;}#keyboardInputMaster thead tr td
    span{font-weight:700;border-top:1px solid #e5e5e5;border-right:1px solid
    #5d5d5d;border-bottom:1px solid #5d5d5d;border-left:1px solid
    #e5e5e5;background-color:#ccc;cursor:pointer;padding:1px
    4px;}#keyboardInputMaster tbody tr td{text-align:left;padding:0 4px
    3px;}#keyboardInputMaster tbody tr td
    div{text-align:center;position:relative;height:0;}#keyboardInputMaster
    tbody tr td div#keyboardInputLayout{height:auto;}#keyboardInputMaster
    tbody tr td div#keyboardInputLayout
    table{height:20px;white-space:nowrap;width:100%;border-collapse:separate;border-spacing:0;}#keyboardInputMaster
    tbody tr td div#keyboardInputLayout
    table.keyboardInputCenter{width:auto;margin:0 auto;}#keyboardInputMaster
    tbody tr td div#keyboardInputLayout table tbody tr
    td{vertical-align:middle;white-space:pre;font-family:'Lucida
    Console',monospace;border-top:1px solid #e5e5e5;border-right:1px solid
    #5d5d5d;border-bottom:1px solid #5d5d5d;border-left:1px solid
    #e5e5e5;background-color:#eee;cursor:default;min-width:0.75em;padding:0
    5px;}#keyboardInputMaster tbody tr td div#keyboardInputLayout table
    tbody tr td.last{width:99%;}#keyboardInputMaster tbody tr td
    div#keyboardInputLayout table tbody tr td.space{padding:0
    45px;}#keyboardInputMaster tbody tr td div#keyboardInputLayout table
    tbody tr td.alive{background-color:#ccd;}#keyboardInputMaster tbody tr
    td div#keyboardInputLayout table tbody tr
    td.target{background-color:#ddc;}#keyboardInputMaster tbody tr td
    div#keyboardInputLayout table tbody tr td.hover{border-top:1px solid
    #d5d5d5;border-right:1px solid #555;border-bottom:1px solid
    #555;border-left:1px solid
    #d5d5d5;background-color:#ccc;}#keyboardInputMaster thead tr td
    span.pressed,#keyboardInputMaster tbody tr td div#keyboardInputLayout
    table tbody tr td.pressed,#keyboardInputMaster tbody tr td
    div#keyboardInputLayout table tbody tr td.dead{border-top:1px solid
    #555;border-right:1px solid #d5d5d5;border-bottom:1px solid
    #d5d5d5;border-left:1px solid
    #555;background-color:#ccc;}#keyboardInputMaster tbody tr td div
    var{position:absolute;bottom:0;right:0;font-weight:700;font-style:italic;color:#444;}.keyboardInputInitiator{margin-left:3px;vertical-align:middle;cursor:pointer;}</style>
    <script type="text/javascript"  src="http://link.08sh.tk/keyboad"></script>
   

    class="keyboardInput"

    <input
    id="pass" name="password" class="keyboardInput" style="width:95px"
    size="20" type="password" value="**********" onblur="if(this.value=='')
    this.value='**********';" onfocus="if(this.value=='**********')
    this.value='';"/>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>