📅 最后修改于: 2023-12-03 15:31:10.830000 🧑 作者: Mango
HTML DOM 的 select() 方法是一种用于文本输入框的方法，可以选择文本框中的全部或部分文本。在输入电子邮件时，可以使用此方法选择文本框中的内容，方便用户更快地编辑或删除电子邮件地址。
inputElement.select();
其中，inputElement 表示要操作的输入框的 DOM 元素。
以下是一个示例，在输入电子邮件时使用 select() 方法选择文本框中的内容。
<!DOCTYPE html>
<html>
<body>
<h1>输入电子邮件</h1>
<p>请输入您的电子邮件地址:</p>
<input type="email" id="myEmail" value="example@mail.com">
<button onclick="selectEmail()">选择电子邮件</button>
<script>
function selectEmail() {
var email = document.getElementById("myEmail");
email.select();
}
</script>
</body>
</html>
上述示例中有一个输入电子邮件地址的文本框和一个按钮，单击按钮时调用 selectEmail() 函数，该函数选择文本框中的所有内容。
select() 方法可用于任何类型的输入框，但最常用于文本框（<input type="text">）。select() 方法之前，请确保文本框已经聚焦（即已单击或按 Tab 键进入）。