本文介绍了一个使用HTML和JavaScript实现的简单表单控制案例。通过JavaScript监听键盘事件，实现了表单元素间的快捷键切换功能，增强了用户体验。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<form method=post action="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
</form>
</body>
</html>
<script language="JavaScript">
<!--
document.onkeydown = function()
{
var obj = event.srcElement;
for(var i=0;i<document.forms[0].elements.length;i++){
if(document.forms[0].elements[i]==obj){
if (window.event.ctrlKey){//→
if(i<document.forms[0].elements.length-1){ document.forms[0].elements[i+1].focus(); }
}
}
}
}
//-->
</script>
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<form method=post action="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
</form>
</body>
</html>
<script language="JavaScript">
<!--
document.onkeydown = function()
{
var obj = event.srcElement;
for(var i=0;i<document.forms[0].elements.length;i++){
if(document.forms[0].elements[i]==obj){
if (window.event.ctrlKey){//→
if(i<document.forms[0].elements.length-1){ document.forms[0].elements[i+1].focus(); }
}
}
}
}
//-->
</script>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
