让焦点自动跳转_表单特效

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>html－www.51windows.Net</title>
</head>
<body>
以下四个文本框，每个限输入四个字符，输入完后自动跳到下一文本框
<script ID="clientEventHandlersJS" LANGUAGE="javascript">
<!--
function T1_onkeyup() {
if(document.card.T1.value.length==4){
document.card.T2.focus();
}
}
function T2_onkeyup() {
if(document.card.T2.value.length==4){
document.card.T3.focus();
}
}

function T3_onkeyup() {
if(document.card.T3.value.length==4){
document.card.T4.focus();
}
}
//-->
</script>
<form method="POST" name="card" action>
输入字符：
<input type="text" name="T1" size="4" maxlength="4" LANGUAGE="javascript" onkeyup="return T1_onkeyup()">-

<input type="text" name="T2" size="4" maxlength="4" LANGUAGE="javascript" onkeyup="return T2_onkeyup()">-

<input type="text" name="T3" size="4" maxlength="4" LANGUAGE="javascript" onkeyup="return T3_onkeyup()">-

<input type="text" name="T4" size="4" maxlength="4">
</form>
</body>
</html>

<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>

时间： 2024-09-27 21:42:29

让焦点自动跳转_表单特效的相关文章

文本框获得焦点和失去焦点的判断代码_表单特效

文本框失去焦点事件.获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件 onpropertychange 当属性改变发生该事件 无论粘贴 keyup onchange等,最为敏感 先来看javascript的直接写在了input上 复制代码 代码如下: <input name="pwuser" type="text" id

解决表单中第一个非隐藏的元素获得焦点的一个方案_表单特效

form中又许多元素,是用例如form.element[x] 来表示: 一个元素的类型: 一个元素的类型是用 element.type 来表示 有了上面的一些了解,现在就让我们来解决第一个非隐藏元素获得焦点的方案: 首先定义 一个对象 作为方法的应用者: var f=new Object(); 然后: 复制代码 代码如下: f.getTheFirstFocus=function(){ if (document.forms.length > 0){ for (var i=0; i < docum

autocomplete禁止自动完成功能_表单特效

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] neverModules - autocomplete  cross-browser IE 6.0 - Opera 9.0 - - Mozilla 1.5.0 Example list google suggest demo in this e.g response speed test, see this e.g using autocomplete in ajax, see this e.g neverModules online

javascript 自动填写表单的实现方法_表单特效

本文没有什么技术上创新,只要会一点Javascript的技术就可以写了. 第一步: 在页面查看源代码,把Form中包含的需要填列的HTML控件找出来如: <form name="mainfrm" action="" method="post"> <input type="text" name="username"/> <input type="submit"

js实现的的 文字自动&#039;到google search框_表单特效

说明:单独用没问题不能和自带的搜索和登陆同时出现在一个页面上,打开页面时都没出错只要一点aaa等 网页上就会有错误,我解决的办法是让他们不在同一页面上出现,但这样很不方便了能不能 定义 val 或其他方法来解决这个问题?请各位大大指点!谢谢 document.forms[0] 是指页面中的第一个表单,当页面有两个表单的时候,setval(val)只对form[0]有效.出现第二个表单就是forms[1]了 Google Baidu aaa bbb ccc [Ctrl+A 全选 注:如需引入外部J

番茄的表单验证类代码修改版_表单特效

在经典论坛上发过一次,个人的项目中在后台处理时用到这个东西,对于简单的表单验证还是挺方便的. 因为不想让代码变得太臃肿,所以有很多不常用的功能就没有再添加了 对于我佛山人的意见就没有做修改了,为什么?因为我懒呗,哈哈 今天看到omeweb也修改了一个版本,做了许多修改,改得挺不错的,谢谢了. 源码在这里:  //去除字符串两边的空格 String.prototype.trim = function () {     return this.replace(/(^\s+)|(\s+$)/g, "&

JavaScript聚焦于第一个字段的代码_表单特效

这个主要会用在表单字段中,所以我这里做的实验只针对表单字段.在form的子元素中循环查找第一个不是隐藏字段的字段,然后使用focus方法获得焦点.(呵呵^_^,很简单!) 复制代码 代码如下: FormUtil.focusOnFirst = function() { if (document.forms.length > 0) { for (var i = 0; i < document.forms[0].elements.length; i++) { var oField = documen

28个JS验证函数收集_表单特效

JS验证函数的调用方法和注意: 1.给表单设置onsubmit="return test()",配合<input type="submit" name="Submit" value="check"> 进行提交. 2.<input type=text onkeydown="test();"> //当鼠标按下直接调用函数验证 3.<input type=text onblur=&q

简单form标准化实例——语义结构_表单特效

1.使用fieldset和legend标签 在form中,我们经常会对form中的信息进行分组,比如注册form,我们可能会将注册信息分组成基本信息(一般为必填),详细信息(一般为可选),那我们如何更好的来实现呢?我们可考虑在form中加入下面两个标签: 复制代码 代码如下: fieldset:对表单进行分组,一个表单可以有多个fieldset legend:说明每组的内容描述 Basic Register First name: ... Detailed Register Interest: