js中input的用法

在JS 中，<input> 元素用於收集使用者輸入，可透過以下方式操作和處理：屬性操作：取得或設定值（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>

以上是js中input的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！