打开登录页面光标定位用户名框

原创于 2019-04-11 11:20:16 发布 · 866 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js光标定位

登录验证同时被 3 个专栏收录

5 篇文章

订阅专栏

前端项目

4 篇文章

订阅专栏

3 篇文章

订阅专栏

本文介绍了一种在网页加载时自动将光标定位到特定文本框的方法，使用了window.onload事件结合jQuery的focus函数实现。

光标定位到文本框

window.onload=function(){
    var uname = $("[name='uname']").val();
    var pwd = $("[name='pwd']").val();
    if(uname==""){
     $("[name='uname']").focus();
    }
    }

window.onload方法表示页面加载中时调用函数

将光标定位到某一个文本框需要使用到函数focus

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Super_wolve

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

登录页面出来的时候，可否将focus直接置到“用户名”输入框里面？

方舟 K ][ N G of A R K

04-23

2529

登录页面出来的时候，可否将focus直接置到“用户名”输入框里面？这样比较方便。目前的情形是：登录页面出来之后，需要按三次Tab才能将focus切到“用户名”输入框；或者需要鼠标做精确定位置放focus。

如何将光标在一进入页面就定位在你所想输入的那个输入框里面？

08-14

3110

以登录页面为例代码如下： 用户名：密码：在以上代码中，如果你想在项目中一进入这个页面就想光标自动定位在用户名输入框里面的话，只需在body标签定义即

参与评论您还未登录，请先登录后发表或查看评论

进入登录页面，加载并同时光标跳到username输入框

yuemi214的专栏

05-13

295

JavaScript window对象onload事件的作用 Login window.onload=function(){ if(document.login.username.value==""){ document.login.username.focus(); } else{ document....

刷新页面之后将光标放到指定的输入框中，并且将其中的数据选中

qq_26925297的博客

07-29

1654

（1） document.getElementById("query-orderNo").focus();光标自动定位到id为query-orderNo输入框中。 document.getElementById("query-orderNo").select();id为query-orderNo输入框中的数据会被选中 ...

打开页面时光标自动在输入框

weixin_34342992的博客

04-27

1034

1. <script> function focusit() { document.all("你想定位的对象名字").focus(); } </script> <body onload="focusit()"> 2.<body onload="document.testform.tex...

题目：设计一个简易的用户登录窗口请使用 Java SWT 库设计一个“系统登录界面”，要求代码简洁，逻辑清晰。具体需求： 1. 界面设计：主窗口标题为“系统登录 - [你的姓名]”，窗口大小适中（建议 300x200）。使用 GridLayout（网格布局）将窗口分为 2 列：第一行：左侧显示标签“用户名：”，右侧放置一个普通文本框（Text）。第二行：左侧显示标签“密码：”，右侧放置一个密码文本框（输入内容时隐藏可见字符）。第三行：放置两个按钮，分别为“登录”和“取消”。 2. 功能实现：登录逻辑：程序预设正确的管理员账号：用户名为 admin，密码为 123456。点击“登录”按钮时，获取输入框内容进行判断：若账号密码匹配，弹出信息提示框（Icon 使用 SWT.ICON_INFORMATION），显示“登录成功！欢迎进入系统。” 若不匹配，弹出错误提示框（Icon 使用 SWT.ICON_ERROR），显示“用户名或密码错误！” 若任一输入框为空，提示“请输入完整的账号信息”。取消逻辑：点击“取消”按钮时，清空两个文本框中的所有内容，并将光标焦点（Focus）重新定位到用户名输入框，方便重新输入。 3.示例交互流程： (1)启动：程序运行，显示登录窗口。 (2)输入：用户输入 admin，密码输入 123。 (3)操作：点击“登录”按钮。 (4)反馈：弹出错误对话框“用户名或密码错误！”。 (5)重置：用户点击“取消”按钮，输入框被清空，光标回到用户名框。 (6)成功：用户重新输入 admin 和 123456，点击登录，弹出“登录成功”提示。技术提示（Hints）： 1.密码框样式：在创建 Text 控件时，使用 SWT.BORDER | SWT.PASSWORD 样式。 2.布局设置：建议使用 shell.setLayout(new GridLayout(2, false));，这样后续添加的控件会自动按“左-右、左-右”的顺序排列。 3.弹窗类：使用 MessageBox 类来实现弹窗，例如： MessageBox mb = new MessageBox(shell, SWT.ICON_INFORMATION | SWT.OK); mb.setMessage("提示内容"); mb.open();

最新发布

12-18

以下是一个使用 Java SWT 库实现的简单系统登录界面代码示例： ```java import org.eclipse.swt.SWT; import org.eclipse.swt.events.SelectionAdapter; import org.eclipse.swt.events.SelectionEvent; import org...

对于登录界面进行功能测试，用户名输入框，密码输入框，登录按钮，测试思路是什么，可以提取出哪些测试功能点

05-19

- 清除缓存后再次打开页面，保证登录按钮的状态初始化正常[^23]。 4. **跨平台适配** - 在主流桌面浏览器（Chrome, Firefox, Safari等）上运行上述测试步骤，对比渲染效果差异[^24]。 - 移动端设备屏幕尺寸缩放...

EXCEL VBA打开谷歌浏览器定位输入框并模拟鼠标键盘登录账号

05-25

#### 启动 Google Chrome 浏览器并通过 URL 定位页面 ```vba Sub OpenChromeAndLogin() Dim chromePath As String Dim url As String ' 设置 Chrome 的路径和目标网址 chromePath = """C:\Program Files\...

用C语言文件操作写一个游戏登录注册界面详细程序并制作一个输入界面框进行输入操作

03-14

// 光标定位到框内第二行第三列 printf("%s", prompt); fgets(buffer, max_len, stdin); buffer[strcspn(buffer, "\n")] = '\0'; // 去除换行符 } /* 注册功能 */ void register_user() { system("cls||clear...

基于SSO的本地程序自动登录实现方案

关键技术点包括：**进程启动控制、窗口句柄获取、控件识别、光标定位、键盘事件模拟和输入注入**。具体而言，程序首先需要调用操作系统API（如Windows API）来启动指定的本地应用进程；随后通过遍历窗口类名或标题...

Chrome 如何让光标快速定位到地址栏-进行搜索

weixin_30432579的博客

01-12

1369

我们经常花费大量的时间来进行使用浏览器搜索网页，如何进行高效的搜索，需要掌握一些快捷键： Windows: Ctrl + L 或 Alt + D 或 F6 Mac: Command + L Linux: Ctrl + L 使用这些快捷键可以，让光标快速定位到地址栏进行使用默认引擎搜索！资源来源自网络，保持更新，转载请注明出处。转载于:https://www.cnblo...

登录时,将光标默认移到登录眶

战神

06-03

404

/* 登录时,将光标默认移到登录眶 */ SCRIPT type="text/javascript"> $(function() { document.forms[0].loginName.focus(); }); name="loginName" placeholder="请输入用户名或邮箱" value="">

加载页面光标定位出现在某个文本框中

tianjidudao的博客

11-21

818

window.onload = function(){ var oInput = document.getElementById("hisId"); oInput.focus(); }

js判断input输入框为空时遇到的问题弹窗后，光标没有定位到输入框，而是直接执行我的处理页面程序...

weixin_33700350的博客

10-16

978

无论是会员注册还是提交订单，我们都要使用到form表单，此时我们在处理数据时，就要判断用户填写的信息。一次是直接通过js判断input输入框是否没有填信息，然后在后台处理文件中通过过滤字符串后再次判断是否确实有内容了。我遇到的问题：（记下来，下次忘记了再回来看看） js判断input输入框判断为空，弹窗后，光标没有定位到输入框，而是直接执行我的处理数据程序。我错误的原因是...

[原]创建三个输入文本框，当光标离开文本框的时候如果文本框为空，则将文本框背景色设置为红色，如果不为空则为白色。提示：焦点进入控件的事件是onfocus，焦点离开控件的事件是onblur...

weixin_30819085的博客

04-26

400

window.onload = function () { var txts = document.getElementsByTagName('input'); for (var i = 0; i < txts.length; i++) { txts[i].onblur = function () { ...

当点击登录的时候，弹出一个对话框，让你写用户名和密码