為了增加輸入資訊的安全性，有些時候我們在輸入密碼等資訊時，需要啟動小鍵盤輸入，下面介紹一種在網頁中新增小鍵盤輸入的方法。
乙個實現小鍵盤效果的js檔案keypad.js:
//定義當前是否大寫的狀態
var capslockvalue=0;
evalmove();
}settimeout("checklocation()",0);
}function evalmove()
self.onerror=null;
currentx = currenty = 0;
whichit = null;
lastscrollx = 0; lastscrolly = 0;
ns = (document.layers) ? 1 : 0;
ie = (document.all) ? 1: 0;
function heartbeat()
if(ns)
if(diffy != lastscrolly)
if(diffx != lastscrollx) }
function checkfocus(x,y)
function grabit(e) }
whichit.style.pixelleft = whichit.offsetleft;
whichit.style.pixeltop = whichit.offsettop;
currentx = (event.clientx + document.body.scrollleft);
currenty = (event.clienty + document.body.scrolltop);
} else }
return true; }
function moveit(e)
if(ie) else
return false; }
function dropit()
if(ns)
if(ie)
if(ns || ie) action = window.setinterval("heartbeat()",1);
document.write ('');
document.write (' ');
document.write ('');
document.write (' ');
document.write ('
');//給輸入的密碼框新增新值
function addvalue(newvalue)
else
}//實現backspace鍵的功能
function setpassvalue()
//輸入完畢
function overinput(theform)
//關閉軟鍵盤
function closekeyboard(theform)
//顯示軟鍵盤
function showkeyboard()
//設定是否大寫的值
function setcapslock()
else
}測試頁面test.html:
網頁快捷鍵
html 標題是通過 html 標題 heading 是通過 段落標籤 換行標籤 定義 html style 規定元素的行內樣式 html 影象是通過 標籤進行定義的 定義注釋 折行定義居中的內容 text align 屬性規定了元素中文字的水平對齊方式 ont family color 以及 fo...
網頁搜尋框的製作
做乙個搜尋框我們有很多種方式 其中最常見的方式 1 用div 我們先把已經做好的搜尋框的切下來 給div作為背景 然後再在div裡面加input標籤 2 用 來做搜尋框 class one type text 搜尋span td tr tbody table 當我們通過 來做的時候我們需要注意的是 ...
Flex實現網頁模態框
flex布局 align items 用於彈性盒子，用來設定所有子元素在側軸上的布局 align self 用於彈性盒子的子元素，設定子元素在側軸的布局 線性漸變基礎 linear gradient colora,colorb 主要是用來是實現模態框上面元素進行上下左右的居中顯示 rule btn ...