HTML DOM 输入文本 focus() 方法(1)

📌 相关文章

📜 HTML DOM 输入文本 focus() 方法(1)

📅 最后修改于: 2023-12-03 14:41:46.303000 🧑 作者: Mango

HTML DOM 输入文本 focus() 方法

概述

focus() 方法用于在浏览器窗口中设置输入文本的焦点。它可以用于文本框、文本域、密码框等 HTML 元素。

语法

element.focus()

参数

该方法不接受参数。

返回值

该方法没有返回值。

示例

以下代码演示了如何使用 focus() 方法设置输入文本的焦点：

<!DOCTYPE html>
<html>
<head>
	<title>HTML DOM 输入文本 focus() 方法示例</title>
</head>
<body>

	<label for="username">用户名：</label>
	<input type="text" id="username">

	<label for="password">密码：</label>
	<input type="password" id="password">

	<script>
		// 设置焦点到用户名输入框
		document.getElementById("username").focus();
	</script>

</body>
</html>

上面的代码将自动设置焦点到用户名输入框，用户打开该页面后直接可以输入该文本框。

总结

focus() 方法可以用于设置在浏览器窗口中输入文本的焦点。应用它的方法是在页面加载时自动或通过事件触发时来设置。