如何在表单加载时将焦点放在TextBox上？
在表单加载时将焦点放在TextBox上，可以通过在TextBox元素中添加autofocus属性来实现。这是一个HTML5属性，它会在页面加载时自动将焦点设置到具有此属性的元素上。以下是一个示例：
<!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来实现此功能，可以使用以下代码：
<!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事件中，以便在页面加载时自动调用该函数。
相关·内容
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
