`
dingzilong
  • 浏览: 7049 次
  • 性别: Icon_minigender_1
  • 来自: 西安
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

在文本框中输完值后,光标自动跳入下一个文本框

阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//获取焦点
function getfocus(id){
document.getElementById(id).select();
};
function getNextObj(id){
var obj = document.getElementById(id);
if(obj.value.toString().length == obj.getAttribute("maxlength")){
document.getElementById(id).blur();
var nextId = id+1;
document.getElementById(nextId).focus();
}
}
</script>
</head>
<body >
  <label>年:</label><input type="text" id="1" maxlength="4" size="2" onfocus="getfocus(1)" onkeyup="getNextObj(1)"/>
  <label>月:</label><input type="text" id="2" maxlength="2" size="2" onfocus="getfocus(2)" onkeyup="getNextObj(2)"/>
  <label>日:</label><input type="text" id="3" maxlength="2" size="2" onfocus="getfocus(3)" onkeyup="getNextObj(3)"/>
  <label>时:</label><input type="text" id="4" maxlength="2" size="2" onfocus="getfocus(4)" onkeyup="getNextObj(4)"/>
  <label>分:</label><input type="text" id="5" maxlength="2" size="2" onfocus="getfocus(5)" onkeyup="getNextObj(5)"/>
  <label>秒:</label><input type="text" id="6" maxlength="2" size="2" onfocus="getfocus(6)" onkeyup="getNextObj(6)"/>
</body>
</html>

 

分享到:
评论

相关推荐

    C#实现回车光标自动跳到下一个控件的几种方法

    当用户在文本框(TextBox)中按下回车键时,通常希望光标能够自动移动到下一个控件,以便连续输入或执行某些操作。本篇文章将深入探讨如何在C#中实现这种功能,主要涉及以下知识点: 1. **事件处理**:在C#中,事件...

    VB控制文本框光标位置及全选功能.rar

    VB文本框控制程序,控制文本框光标位置,全部选择功能VB6.0源代码。可控制光标被移动到文本的开头处、光标被移动到文本的第三个字符后面、光标被移动到文本的结尾处等,具体的实现代码:  Private Sub Option1_Click...

    在一个窗体中委托更新另一窗体中的文本框值

    在这个场景中,我们探讨的是如何在两个不同的WinForm窗体之间进行通信,特别是如何从一个窗体(Form2)通过委托来更新另一个窗体(Form1)中的文本框控件(TextBox)的值。下面将详细介绍这个过程及其涉及的技术点。...

    精彩编程与编程技巧-让文本框输入完后直接跳入下一行...

    在某些特定场景下,比如填写较长的表格时,为了提高用户体验和效率,我们希望当用户在一个文本框中完成输入后,能够自动跳转到下一个待填写的文本框,而无需用户手动点击或切换。 ### 知识点二:VBA简介及应用场景 ...

    POI 替换word2007文本框的值

    在本文中,我们将深入探讨如何使用POI库来替换Word2007文档中的文本框值,这对于自动化报告生成、批量文档编辑以及模板驱动的文档创建等场景非常有用。 首先,我们需要了解Word2007文档(.docx)的内部结构。它是...

    js达到文本框的最大长度时跳到下一个文本框

    当用户在一个文本框内输入字符达到设定的最大长度后,通常希望自动跳转到下一个文本框继续输入。这种功能可以提高用户体验,避免用户手动切换输入焦点,尤其是在填写大量数据的表单时更为实用。 ### 关键技术实现 ...

    Win32 EditControl多行文本框自动换行,并在添加新行时自动将光标移到末尾

    当开发一个基于Win32 API或MFC(Microsoft Foundation Classes)的应用程序时,我们可能会遇到需要在多行文本框中实现自动换行和光标自动移动到末尾的需求。这个需求在处理用户输入或者显示动态更新的文本信息时特别...

    精彩编程与编程技巧-如何让文本框输入完后直接跳入下一行...

    根据给定的信息,本文将详细解释如何在编程中实现文本框输入完成后自动跳转到下一个文本框的功能。这一技巧在很多应用中非常实用,尤其是在需要用户连续输入多个字段的情况下,可以大大提高用户的输入效率和体验。 ...

    1. 编写一个 Java 程序, 在程序中建立一个窗口, 有两个文本框和一个按钮, 单击按钮, 能把左边文本框中的内容复制到右边文本框中.

    1. 编写一个 Java 程序, 在程序中建立一个窗口, 有两个文本框和一个按钮, 单击按钮, 能把左边文本框中的内容复制到右边文本框中.

    Qt控件--炫酷文本框

    QT封装的文本框,标签在文本框上,点击文本框后,标签上浮,光标从文本框移走后,如果文本框文本为空,则标签下浮到原始位置,文本框显示下边框,文本框获取光标时,下边框从中心向两侧动画展开,文本框失去光标时,...

    VC 6.0为文本框光标设置输入焦点.rar

    VC 为文本框控件的光标设置输入焦点,焦点就是文本框默认出现光标的位置,光标默认在第几个文本框中显示,本代码将向你演示如何设置默认的文本框光标。下面是相关的代码:  //获得编辑框窗口  CEdit* pEdit1 = ...

    js 获取光标在文本框中的位置

    在只有一个光标的情况下,这两个值相同。 - 对于多行输入(textarea),上述属性同样适用。如果需要获取的是绝对的字符位置(包括换行符),则需要考虑换行符的计数。 5. **自定义函数**: 由于`selectionStart`...

    JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容

    在JavaScript编程中,文本框(TextBox)是网页交互中常用的一种元素,用户可以在其中输入文本。有时,开发者需要获取或操作文本框中的焦点光标位置、选中起始位置、终止位置以及选中的内容,这对于实现诸如高亮显示...

    控制光标移开文本框(2.0)

    在Windows Forms应用开发中,有时我们需要对用户交互进行精细化控制,比如当用户在文本框(TextBox)中输入完成后,自动使光标移出文本框,提高用户体验。这可以通过编程实现,主要涉及到C#语言和WinForm框架中的API...

    VB 输入时,在另一文本框中边输边显示代码

    根据给定的文件信息,我们可以总结出以下有关Visual Basic (VB) 编程中的一个实用技巧:在用户输入数据的同时,在另一个文本框中实时显示这些数据。这种方法在开发需要即时反馈的应用程序时非常有用,例如配置工具、...

    文本框自动换行

    在许多应用场景中,例如聊天应用、编辑器或表单填写,我们需要实现文本框的自动换行功能,使得当用户输入的字符超过一行的宽度时,文本能够自动跳转到下一行,就像微信的输入框那样。这个特性对于提升用户体验至关...

    按回车键依次移动光标到下一个文本框

    "按回车键依次移动光标到下一个文本框"的功能就是这样的一个优化,使得用户可以通过简单的键盘操作,而不是鼠标点击,来在多个文本框间切换,提高了输入效率。 实现这一功能的关键在于理解和利用MFC的消息映射机制...

    js javascript 文本框一边输入一边后面跟个空格,并且光标在字符串后空格前,光标定位

    在这个场景下,用户在文本框中输入字符时,系统会自动在每个字符后面添加一个空格,并且保持光标停在当前字符串后的空格前,以便用户继续输入。这是一个常见的定制化输入体验的需求,常见于某些特定的表单或者输入...

    在文本框中快速增加一串字符

    ### 在文本框中快速增加一串字符 #### VB技术实现详解 在开发应用程序时,我们经常需要在文本框中插入或追加特定的文本。这种需求常见于日志记录、实时消息显示等场景。本文将详细介绍如何使用VB(Visual Basic)...

    自动关联文本框

    通过以上知识点,我们可以构建一个简单的自动关联文本框的功能,当用户在某个文本框中输入时,另一个文本框会实时反映出输入的变化。实现这样的功能不仅可以提高用户交互的流畅度,也可以避免因用户手动同步数据而...

Global site tag (gtag.js) - Google Analytics