在表单加载时将焦点放在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元无门槛券
手把手带您无忧上云