首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在表单加载时将焦点放在TextBox上?

在表单加载时将焦点放在TextBox上,可以通过在TextBox元素中添加autofocus属性来实现。这是一个HTML5属性,它会在页面加载时自动将焦点设置到具有此属性的元素上。以下是一个示例:

代码语言:html
复制
<!DOCTYPE html>
<html>
<head>
   <title>Focus on TextBox</title>
</head>
<body>
    <form>
       <label for="username">Username:</label>
       <input type="text" id="username" name="username" autofocus>
        <br>
       <label for="password">Password:</label>
       <input type="password" id="password" name="password">
        <br>
       <input type="submit" value="Submit">
    </form>
</body>
</html>

在这个示例中,当表单加载时,焦点会自动放在用户名文本框上。如果您需要使用JavaScript来实现此功能,可以使用以下代码:

代码语言:html
复制
<!DOCTYPE html>
<html>
<head>
   <title>Focus on TextBox</title>
   <script>
        function setFocus() {
            document.getElementById("username").focus();
        }
    </script>
</head>
<body onload="setFocus()">
    <form>
       <label for="username">Username:</label>
       <input type="text" id="username" name="username">
        <br>
       <label for="password">Password:</label>
       <input type="password" id="password" name="password">
        <br>
       <input type="submit" value="Submit">
    </form>
</body>
</html>

在这个示例中,我们使用了JavaScript的focus()方法将焦点设置到具有ID为"username"的元素上。我们将setFocus()函数添加到<body>元素的onload事件中,以便在页面加载时自动调用该函数。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 领券