HTML | DOM 输入文本 select() 方法(1)

📌 相关文章

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

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

HTML | DOM 输入文本 select() 方法

简介

select() 方法是用于选择所有 <input> 元素和 <textarea> 元素的文本内容。

语法

element.select()

其中，element 表示要选择文本的 <input> 元素或 <textarea> 元素。

返回值

该方法没有返回值。

示例

以下是一个使用 select() 方法选择文本的示例：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>例子</title>
</head>
<body>
  <input type="text" value="Hello World!" id="myInput">
  <button onclick="selectText()">选择文本</button>

  <script>
    function selectText() {
      var input = document.getElementById("myInput");
      input.select();
    }
  </script>
</body>
</html>

当用户单击“选择文本”按钮时，就会选择 <input> 元素中的文本内容。

总结

select() 方法是用于选择所有 <input> 元素和 <textarea> 元素的文本内容。它是一个非常方便的方法，可以使用户在编写表单和文本编辑器时更加轻松。