JS 中 元素的用法

元素是 HTML 中用于收集用户输入的表单元素，JS 允许开发者操纵和处理该元素。

属性操作

value: 获取或设置输入框中的值。

placeholder: 设置输入框中的提示信息。

type: 指定输入框的类型，例如文本（text）、数字（number）或密码（password）。

事件处理

focus: 输入框获得焦点时触发。

blur: 输入框失去焦点时触发。

input: 输入框内容发生变更时触发。

其他方法

addEventListener: 为输入框添加事件监听器。

removeEventListener: 移除事件监听器。

select: 选中输入框中的文本。

示例

获取输入框的值：

<code class="js">const inputValue = document.getElementById("myInput").value;</code>

当输入框获得焦点时设置提示信息：

<code class="js">document.getElementById("myInput").addEventListener("focus", () =&gt; {
  document.getElementById("myInput").placeholder = "请输入内容";
});</code>

当输入框失去焦点时检查有效性：

<code class="js">document.getElementById("myInput").addEventListener("blur", () =&gt; {
  if (isNaN(document.getElementById("myInput").value)) {
    alert("请输入数字");
  }
});</code>