html中的css和js控制input，textarea文本框自动获取焦点

最新推荐文章于 2024-06-20 15:17:49 发布

fongdaBoy

最新推荐文章于 2024-06-20 15:17:49 发布

阅读量2.8w

点赞数 4

分类专栏： JS Css

本文链接：https://blog.csdn.net/iceking66/article/details/78247281

版权

JS 同时被 2 个专栏收录

35 篇文章 0 订阅

订阅专栏

Css

17 篇文章 1 订阅

订阅专栏

方法:1：js控制自动获取焦点

<html>
<head>
    <script type="text/javascript">
        function setFocus()
        {
            document.getElementById('password1').focus()
        }
        function loseFocus()
        {
            document.getElementById('password1').blur()
        }
    </script>
</head>
<body>

<form>
    <input type="password" id="password1" value="thgrt456" />
    <input type="button" οnclick="setFocus()" value="Set focus" />
    <input type="button" οnclick="loseFocus()" value="Lose focus" />
</form>

</body>
</html>

方法2：css 控制自动获取焦点

<input type="tel" autofocus="autofocus">  <!--这一行代码其实就够了！-->

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

fongdaBoy

关注关注

4
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
html中的css和js控制input，textarea文本框自动获取焦点

方法:1：js控制自动获取焦点html>head> script type="text/javascript"> function setFocus() { document.getElementById('password1').focus() } function loseFocus()
复制链接

扫一扫