jsでinputを使う方法

JS では、 要素はユーザー入力を収集するために使用され、次の方法で操作および処理できます: 属性操作: 値の取得または設定 (値)、プロンプト情報 (プレースホルダー)、入力タイプ (タイプ )。イベント処理: フォーカスの取得 (フォーカス)、フォーカスの喪失 (ブラー)、コンテンツの変更 (入力)。その他のメソッド: イベント リスナーの追加 (addEventListener)、イベント リスナーの削除 (removeEventListener)、入力ボックスのテキストの選択 (select)。

##JS での 要素の使用

#< input> 要素は、ユーザー入力を収集するために使用される HTML のフォーム要素であり、開発者はこの要素を操作および処理できます。

属性操作

• value: 入力ボックスの値を取得または設定します。
• placeholder: 入力ボックスにプロンプ​​ト情報を設定します。
• type: テキスト、数字、パスワードなどの入力ボックスのタイプを指定します。

イベント処理

• 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 中国語 Web サイトの他の関連記事を参照してください。