回车切换input选框
2024-09-06 01:48:31
在工作中许多时候需要考虑到用户体验,当按下回车键时切换input选框就来得十分必要。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>按下回车键时自动切换焦点</title>
<style type="text/css">
.style1 {color: #FFFFFF}
.wenbenkuang {
font-family: "宋体";
font-size: 9pt;
color: #333333;
border: 1px solid #999999;
}
</style>
</head>
<body style="font-size:12px">
<table width="547" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="8"></td>
</tr>
<tr>
<td valign="top"><table width="532" border="0" align="center" cellpadding="0" cellspacing="0">
<form name="form1">
<tr>
<td height="27" colspan="2" align="left" class="font_white"> <span class="style1">用户注册</span></td>
</tr>
<tr>
<td width="172" height="22" align="right">用户名称:</td>
<td width="328" height="22"><input name="用户名称" type="text" class="wenbenkuang" id="用户名称" maxlength="50" onKeyPress="Myenter(form1.密码)" /></td>
</tr>
<tr>
<td height="22" align="right">密
码:</td>
<td height="22"><input name="密码" type="password" class="wenbenkuang" maxlength="50" onKeyPress="Myenter(form1.真实姓名)" /></td>
</tr>
<tr>
<td height="22" align="right">真实姓名:</td>
<td height="22"><input name="真实姓名" type="text" class="wenbenkuang" id="真实姓名" size="30" maxlength="50" onKeyPress="Myenter(form1.联系方式)" /></td>
</tr>
<tr>
<td height="22" align="right">联系方式:</td>
<td height="22"><input name="联系方式" type="text" class="wenbenkuang" id="联系方式" size="30" maxlength="30" onKeyPress="Myenter(form1.Email)" /></td>
</tr>
<tr>
<td height="22" align="right">E-mail:</td>
<td height="22"><input name="Email" type="text" class="wenbenkuang" id="Email" size="30" maxlength="100" onKeyPress="Myenter(form1.add)"/></td>
</tr>
<tr>
<td height="22" colspan="2" align="center"><input name="add" type="button" class="button" id="add" value="提 交" onClick="form1.submit();" />
<input type="reset" name="Submit2" value="重 置" class="button" /></td>
</tr>
</form>
</table></td>
</tr>
<tr>
<td height="8" ></td>
</tr>
</table>
<script type="text/javascript">
function Myenter(str){
//判断是否点击回车,是的话str获取焦点
if (event.keyCode == 13){
str.focus();}
}
</script>
</body>
</html>
最新文章
- 曲线救国:IIS7集成模式下如何获取网站的URL
- ionic,angularJs实现搜索框过滤关键字
- 设置apache登陆密码验证
- UI复习
- spring3.2.8+quartz2.2.0(比较全,对比quartz1.x的配置)
- HQL查询语言的使用介绍
- 关于在linux下清屏的几种技巧
- Spring Mobile是如何判断访问设备的类型的
- [BZOJ1385] [Baltic2000] Division expression (数学)
- python 操作SQLAlchemy
- Visual Studio 写自己的动态链接库(DLL)
- jquery版 发同步请求 自定义头部信息 公共请求体
- gmail及youtube
- idea git commit撤销
- 「AHOI / HNOI2017」影魔
- 让ubuntu下的eclipse支持GBK编码
- D3.js 入门教程
- ref:spring-data-XMLBean XXE复现分析
- 编程之美 set 5 寻找数组中最大值和最小值
- java-IO处理类的序列化与反序列化