js中input的用法

在 js 中， 元素用于收集用户输入，可通过以下方式操作和处理：属性操作：获取或设置值（value）、提示信息（placeholder）、输入类型（type）。事件处理：捕获焦点（focus）、失去焦点（blur）、内容变更（input）。其他方法：添加事件监听器（addeventlistener）、移除事件监听器（removeeventlistener）、选中输入框文本（select）。

JS 中 <input> 元素的用法

<input> 元素是 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", () => {
  document.getElementById("myInput").placeholder = "请输入内容";
});</code>

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

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