That's pretty neat actually. Check out the code:
HTML Code:
<IMG border=0 src="style_images/1/keyboard.gif" useMap=#key width="450" height="156">
<map name="key">
<area shape="RECT" coords="119,123,292,146" onClick="PassWord.value=PassWord.value + ' ';">
<area shape="RECT" coords="7,5,32,29" onClick="PassWord.value=PassWord.value + '`';">
<area shape="RECT" coords="37,4,60,26" onClick="PassWord.value=PassWord.value + '1';">
<area shape="RECT" coords="65,4,89,28" onClick="PassWord.value=PassWord.value + '2';">
<area shape="RECT" coords="96,3,117,28" onClick="PassWord.value=PassWord.value + '3';">
<area shape="RECT" coords="125,5,147,27" onClick="PassWord.value=PassWord.value + '4';">
<area shape="RECT" coords="155,5,176,28" onClick="PassWord.value=PassWord.value + '5';">
<area shape="RECT" coords="183,4,205,27" onClick="PassWord.value=PassWord.value + '6';">
<area shape="RECT" coords="212,5,235,27" onClick="PassWord.value=PassWord.value + '7';">
<area shape="RECT" coords="241,6,263,28" onClick="PassWord.value=PassWord.value + '8';">
<area shape="RECT" coords="271,6,292,30" onClick="PassWord.value=PassWord.value + '9';">
<area shape="RECT" coords="298,4,324,30" onClick="PassWord.value=PassWord.value + '0';">
<area shape="RECT" coords="334,92,361,118" onClick="PassWord.value=PassWord.value + '/';">
<area shape="RECT" coords="306,92,331,114" onClick="PassWord.value=PassWord.value + '.';">
<area shape="RECT" coords="276,93,300,115" onClick="PassWord.value=PassWord.value + ',';">
<area shape="RECT" coords="246,93,271,115" onClick="PassWord.value=PassWord.value + 'm';">
<area shape="RECT" coords="219,91,245,115" onClick="PassWord.value=PassWord.value + 'n';">
<area shape="RECT" coords="190,91,214,115" onClick="PassWord.value=PassWord.value + 'b';">
<area shape="RECT" coords="159,93,186,115" onClick="PassWord.value=PassWord.value + 'v';">
<area shape="RECT" coords="130,95,153,118" onClick="PassWord.value=PassWord.value + 'c';">
<area shape="RECT" coords="101,90,127,117" onClick="PassWord.value=PassWord.value + 'x';">
<area shape="RECT" coords="74,92,96,115" onClick="PassWord.value=PassWord.value + 'z';">
<area shape="RECT" coords="351,61,376,88" onClick="PassWord.value=PassWord.value + '`';">
<area shape="RECT" coords="321,63,348,86" onClick="PassWord.value=PassWord.value + ';';">
<area shape="RECT" coords="293,64,315,87" onClick="PassWord.value=PassWord.value + 'l';">
<area shape="RECT" coords="263,63,286,87" onClick="PassWord.value=PassWord.value + 'k';">
<area shape="RECT" coords="234,62,258,85" onClick="PassWord.value=PassWord.value + 'j';">
<area shape="RECT" coords="206,64,229,87" onClick="PassWord.value=PassWord.value + 'h';">
<area shape="RECT" coords="178,64,200,87" onClick="PassWord.value=PassWord.value + 'g';">
<area shape="RECT" coords="148,63,170,86" onClick="PassWord.value=PassWord.value + 'f';">
<area shape="RECT" coords="118,64,142,89" onClick="PassWord.value=PassWord.value + 'd';">
<area shape="RECT" coords="90,64,112,87" onClick="PassWord.value=PassWord.value + 's';">
<area shape="RECT" coords="60,64,84,86" onClick="PassWord.value=PassWord.value + 'a';">
<area shape="RECT" coords="371,34,397,58" onClick="PassWord.value=PassWord.value + ']';">
<area shape="RECT" coords="343,35,368,59" onClick="PassWord.value=PassWord.value + '[';">
<area shape="RECT" coords="315,33,339,58" onClick="PassWord.value=PassWord.value + 'p';">
<area shape="RECT" coords="285,35,310,60" onClick="PassWord.value=PassWord.value + 'o';">
<area shape="RECT" coords="255,34,280,57" onClick="PassWord.value=PassWord.value + 'i';">
<area shape="RECT" coords="229,34,251,57" onClick="PassWord.value=PassWord.value + 'u';">
<area shape="RECT" coords="198,35,222,58" onClick="PassWord.value=PassWord.value + 'y';">
<area shape="RECT" coords="169,34,193,57" onClick="PassWord.value=PassWord.value + 't';">
<area shape="RECT" coords="140,33,165,58" onClick="PassWord.value=PassWord.value + 'r';">
<area shape="RECT" coords="110,35,134,57" onClick="PassWord.value=PassWord.value + 'e';">
<area shape="RECT" coords="82,36,103,57" onClick="PassWord.value=PassWord.value + 'w';">
<area shape="RECT" coords="51,35,73,58" onClick="PassWord.value=PassWord.value + 'q';">
</map>
In other words, the image map is already built for you, so all you have to do is put it on the page and change the field values in the map to match the name of the password field in vB3 and rip the image to use. Not much of a hack (in my opinion, that is).