document.getElementById("form1").username.focus();

最新推荐文章于 2024-08-14 16:53:41 发布
最新推荐文章于 2024-08-14 16:53:41 发布
阅读量4.7k 收藏 4
点赞数 1
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36084681/article/details/79226369
版权 
假设有一表单,ID属性为form1,其中包含有一个文本框,name属性为abc,那么下面语句:
document.getElementById('form1').abc.focus();
表示将输入焦点定位到该表单的该文本框中.
focus方法用于使对象获得焦点.
再假设文本框有id属性,且值为abc,那么
document.getElementById('abc').focus();
可以直接操作该文本框,而无需通过表单的父子关系.
伟大的程序猿csdn
关注
专栏目录
document.getElementById(“元素id值“)方法位置问题
weixin_45190226的博客
11-06 2582
问题代码如下： <html lang="en"> <head> <meta charset="UTF-8"> <title>通过document获取数据or赋值</title> <style type="text/css"> input{margin: 10px} </style> <script type="text/javascript">
Javascript学习笔记（详）（五）——DOM拓展与事件
Snowzhao的博客
08-03 256
DOM扩展 选择符API 核心方法：querySelector()和querySelectorAll() querySelector()方法： 接收一个CSS选择符，返回与该模式匹配的第一个元素 //取得body元素 var body = document.querySelector("body"); //取得ID为"myDiv"的元素 var myDiv = document.querySelector("#myDiv"); //取得类为"selected"的第一个元素 var selected
获取焦点 document.getElementById(“input“).focus()；
jieweiwujie的博客
08-31 1242
document.getElementById("input").focus();
JavaScript getElementById 使用方法
最新发布
小楼一夜听春雨，深巷明朝卖杏花
08-14 1833
在JavaScript中，document.getElementById()是一种用于通过元素的id属性获取DOM元素的方法。它的作用是返回与指定id匹配的HTML元素。使用document.getElementById()可以通过元素的id属性直接获取该元素的引用，在标签上定义一个ID，然后JS基于这个ID去调用它。然后可以使用该引用对元素进行各种操作。(1) 修改元素的内容或属性。(3)获取表单元素的值。(2)添加事件监听器。
form表单提交案例 document.getElementById(" ")
weixin_30883777的博客
05-31 1149
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function ...
【JavaScript】focus()方法
编程记录，亲测有效
09-16 3万+
在JavaScript中，focus()虽然比较罕见，但还是比较有用的， 主要是用于获取焦点，说白了，就是自动把光标放到此组件上面，无须用户再次操作。 直接用一个例子说明问题： self_focus window.setTimeout(function(){ window
进入登录页时，用户名输入框自动聚焦、按enter键让密码框聚焦，完整输入信息后登录
Start2019
01-21 1808
让element-ui的输入框聚焦的4种方式 思路：（可以跳过这一步看完整代码——完整代码） 1. 进入页面时，用户名输入框就要获取焦点，使用 自定义指令 聚焦更方便。当然也可以用 ref 在 mounted() 钩子函数中让输入框聚焦。 mounted(){ this.$nextTick(()=>{ this.$refs.userName.focus(); }); } 2. 在用户输入框输入信息后，需要按 Enter 键，使下一个输入框聚焦，此时要用到按键事件。同时还要考
客户端JavaScript（二）--document、表单和表单元素
xiao_fan__的博客
04-15 395
document对象 Document 对象是是window对象的一个属性，因此可以将document对象作为一个全局对象来访问。当浏览器载入 HTML 文档, 它就会成为 Document 对象。 一、document对象的属性 html元素和body对象 document.documentElement 获取html元素，文档的根节点 document.body 获取文档的body元素...
js基本语法（二）——Document对象 Element对象 样式 table切换 表单验证 正则表达式
tcbdbd的博客
08-04 665
DOM对象 文档对象模型，它把网页中所有的标签都当做一个dom对象，通过这个对象，我们可以精准地获取网页中的某一个标签，同时可以动态地修改标签的属性、内容和外观，实现动态的效果。 Document 每个载入浏览器的 HTML 文档都会成为 Document 对象 getElementById() 返回对拥有指定 id 的第一个对象的引用。 getElementsByName() 返回带有指定名称的...
登录不弹框提示保存密码.不自动填充.文本框不拉选择
12-03
document.getElementById('username').addEventListener('focus', function(e) { this.value = ''; this.dispatchEvent(new Event('input')); }); ``` 在压缩包中的"登录时不弹框提示保存密码"文件可能包含了实现...
jQuery学习总结
Smile_Sunny521的博客
05-21 1112
jQuery： 流行的js 类库. 市场用得比较多两个框架： jQuery 比较适合做一些互联网 的应用（12306.com,蘑菇街，美丽说，聚美） extjs 比较适合做后台管理系统（电商（订单管理），银行，电信） 在写j...
vue登录界面用户名，密码未输入，点击登录自动获取焦点
xiasohuai的博客
07-26 4730
1.首先要使得第一个文本框自动获取焦点。然后每一个后面加回车事件 。(iviewUI组件库为例)  &lt;Form ref="loginForm" :model="formItem" :label-width="80" :rules="rules"&gt; &lt;FormItem prop="userName" label="账号:"&gt;&am
正则表达式、document.getElementById校验输入字符串的正确与否
weixin_49321034的博客
08-10 737
<script type="text/javascript"> function onclickFun() { var usernameObj = document.getElementById("username"); var usernameText = usernameObj.value; var patt = /^\w{5,12}$/;正则表达式 var usernameSp
java做一个登陆界面难点,用Ajax做的一个登陆界面，focus()不起作用解决思路
weixin_31264951的博客
03-15 159
JScript codevar xmlHttpReq = false;//创建XMLHttpRequest对象function createXMLHttpRequest() {if (window.XMLHttpRequest) {//非IE浏览器XMLHttpReq = new XMLHttpRequest();} else if (window.ActiveXobject) {//IE浏览器t...
关于页面获焦的小技巧
352328759的博客
12-18 1188
document.activeElement 返回文档中当前获得焦点的元素, 属性只读 与明确的元素比较, 可以知道目标元素是否获焦 document.activeElement === document.getElementById("a") 没有元素获焦时, 指向 body element.focus() 设置目标获焦 如进入表单页面后, 主动让第一个 input 获焦 document.getElementById("a").focus() 利用 input 获焦的特性, 结合 cs
IE中document.getElementById()对name和id的读取
InSearch的专栏
02-24 5756
/*  IE document.getElementById BUG 演示DEMO      作者:朦朧中的罪惡      博客:http://be-evil.org  */  function changeValue()  {      var username = document.getElementById('username');      username.value = 'Whahaha';  }  name:name2:
document.getElementsByName(...).focus is not a function 依据input的name属性获取焦点
weixin_42216734的博客
10-03 6114
document.getElementsByName(…).focus is not a function 依据input的name属性获取焦点 这个问题原因很简单，在控制台输出就明白了。 console.log(document.getElementsByName(‘name’)); 输出结果是list，因此，要获取到节点，需要加数组下标。 正确的写法是这样 document.getEleme...
JavaScript零基础入门 8：JavaScript通过document获取节点元素
学Java，找哪吒
12-25 5990
???? Java学习路线配套文章：Java学习路线总结，搬砖工逆袭Java架构师（全网最强） ???? 基础推荐：Java基础教程系列 ???? 实战推荐：Spring Boot基础教程 ???? 简介：Java领域优质创作者????、CSDN哪吒公众号作者✌ 、Java架构师奋斗者???? ???? 扫描主页左侧二维码，加入群聊，一起学习、一起进步 ???? 欢迎点赞 ???? 收藏 ⭐留言 ???? 目录一、document二、onload三、获取节点元素1、innerHTML2、getElemen
js中document.getElementById()用法
热门推荐
lyhmyway的专栏
03-03 6万+
dom标准里面的  获取当前文档中指定id的元素 if (document.getElementById("regjm").value != document.getElementById("regjm1").value ) {    alert("提示：请输入有效的认证码");    document.getElementById("regjm1").focus();    retur
编写一个html5的注册网页 包含javascript和css代码 完成其各方面的合法验证性 并且合法验证性提示使用innerhtml写的 样式表必须完整 也包括正则代码
06-10
document.getElementById("username").focus(); document.getElementById("username").innerHTML = "请输入用户名"; return false; } // 验证邮箱是否为空 if (email == "") { document....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值