电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> HTML>>网页软键盘的实现:

网页软键盘的实现

来源:远方网络 | 2005-12-28 9:06:13 | (有2536人读过)

<html>
<head>
<title>软件盘</title>
<script>
function ad(str)
{
document.form1.p1.value = document.form1.p1.value + str;
}
</script>
</head>
<body>
<form method=post action="" name="form1">
密码:<input type="password" name="p1">
</form>
<input type="button" onclick="alert(document.form1.p1.value)" value="察看输入值">
<br><br><br><center>软件盘</center><br>
<a href="javascript:ad('a')">a</a> <a href="javascript:ad('b')">b</a> <a href="javascript:ad('c')">c</a> <a href="javascript:ad('d')">d</a> <a href="javascript:ad('e')">e</a> <a href="javascript:ad('f')">f</a> <a href="javascript:ad('g')">g</a> <a href="javascript:ad('h')">h</a> <a href="javascript:ad('i')">i</a> <a href="javascript:ad('j')">j</a> <a href="javascript:ad('k')">k</a> <a href="javascript:ad('l')">l</a> <a href="javascript:ad('m')">m</a><br>
<a href="javascript:ad('n')">n</a> <a href="javascript:ad('o')">o</a> <a href="javascript:ad('p')">p</a> <a href="javascript:ad('q')">q</a> <a href="javascript:ad('r')">r</a> <a href="javascript:ad('s')">s</a> <a href="javascript:ad('t')">t</a> <a href="javascript:ad('u')">u</a> <a href="javascript:ad('v')">v</a> <a href="javascript:ad('w')">w</a> <a href="javascript:ad('x')">x</a> <a href="javascript:ad('y')">y</a> <a href="javascript:ad('z')">z</a><br><br>
<a href="javascript:ad('1')">1</a> <a href="javascript:ad('2')">2</a> <a href="javascript:ad('3')">3</a> <a href="javascript:ad('4')">4</a> <a href="javascript:ad('5')">5</a> <a href="javascript:ad('6')">6</a> <a href="javascript:ad('7')">7</a> <a href="javascript:ad('8')">8</a> <a href="javascript:ad('9')">9</a> <a href="javascript:ad('0')">0</a>
</body>
</html>

可以保存到记事本中,然后另存为html文件浏览看一下。
cncfan.com
HTML热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

Copyright © 2003-2024 电脑爱好者 版权所有 备案号:鲁ICP备09059398号