javascriptを使用してテキストフィールドをクリアする

アンディ・スミス
<script>
function clear() {
    document.getElementById('box').value = " ";
    };
</script>

<input type="text" id="box" onFocus="clear()" value="Type name here">

こんにちは、私はjavascriptにかなり慣れていないので、Focusのテキストフィールドをクリアしようとしています。私はサイトを検索し、これを行う他の方法を見つけましたが、なぜこのコードが機能しないのか興味がありました。助けていただければ幸いです、ありがとう:)

epascarello

現代のブラウザにはそれが組み込まれています。これはプレースホルダー属性です。JavaScriptは必要ありません。

<input type="text" id="box" placeholder="Type name here">

コードが実行されなかった理由は、名前の衝突でdocument.clearありこれは非推奨です。名前を変更すると、正常に機能します。

function xclear() { 
    document.getElementById('box').value = " ";
};
<input type="text" id="box" onFocus="xclear()" value="Type name here">

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

すべての列でJavaScriptを使用してテキストフィールドを含むテーブルをフィルタリングする

分類Dev

ボタンをクリックすると、JavaScriptを使用してテキストフィールドの値をゼロに設定します

分類Dev

javascript変数を使用してテキストフィールドに変数テキストを作成する方法

分類Dev

javascriptを使用してテキストフィールドにテキストを入力する方法

分類Dev

Pythonを使用してテキストファイルをアップロードする方法-ディスクに書き込まずにリクエスト

分類Dev

スクリプトを使用してcq5ダイアログのテキストフィールドのグループを無効にする方法

分類Dev

puppeteerを使用してテキスト入力フィールドの現在の値にアクセスする方法

分類Dev

Selenium Webdriver を使用してテキスト エリア フィールドをクリアできない

分類Dev

テキストフィールドをクリックして通知をフェードインする方法

分類Dev

テキストフィールドをループし、JavaScriptを使用して結果を連結する方法

分類Dev

アップロードされたテキストファイルの一部をjavascriptを使用してクリック可能にする

分類Dev

jQueryを使用してテキスト入力フィールドのみをアドレス指定する

分類Dev

Action Script3.0を使用して複数のテキストフィールドをスクロールする

分類Dev

リアクティブスプリングリポジトリで保存する前に、オブジェクトの複雑なフィールドをテキストフィールド(JSONとしてシリアル化)にマッピングする

分類Dev

テキストを含むcssを使用して要素をチェーンし、関連するフィールドにアクセスする

分類Dev

XPathを使用してテキストフィールドのリストを検索する

分類Dev

ジェンキンスのビルド後アクションを使用して、アーティファクトのグループから jfrog アーティファクトにアーティファクトをデプロイする方法

分類Dev

JQuery .find()を使用してBootstrapModal内の入力テキストフィールドにアクセスします

分類Dev

チェックボックスを使用して入力テキストフィールドを更新する

分類Dev

テキストボックスを使用して分割フォームをフィルタリングする

分類Dev

javascriptを使用してフォームを送信する前にテキストフィールド値をテキストファイルに書き込む方法

分類Dev

HTML-JavaScriptを使用してテキストフィールドからデータを保存する

分類Dev

JQueryのテキストフィールド値をクリアする

分類Dev

Jqueryで入力テキストフィールド値をクリアする

分類Dev

Jqueryを使用してテキストフィールドを制限する

分類Dev

Reactive Cocoaswiftを使用してテキストフィールドを検証する

分類Dev

Javasctipt を使用して HTML テキストフィールド値を取得する

分類Dev

watirを使用してテキストフィールドを送信する

分類Dev

domを使用してテキストフィールドを削除する方法

Related 関連記事

  1. 1

    すべての列でJavaScriptを使用してテキストフィールドを含むテーブルをフィルタリングする

  2. 2

    ボタンをクリックすると、JavaScriptを使用してテキストフィールドの値をゼロに設定します

  3. 3

    javascript変数を使用してテキストフィールドに変数テキストを作成する方法

  4. 4

    javascriptを使用してテキストフィールドにテキストを入力する方法

  5. 5

    Pythonを使用してテキストファイルをアップロードする方法-ディスクに書き込まずにリクエスト

  6. 6

    スクリプトを使用してcq5ダイアログのテキストフィールドのグループを無効にする方法

  7. 7

    puppeteerを使用してテキスト入力フィールドの現在の値にアクセスする方法

  8. 8

    Selenium Webdriver を使用してテキスト エリア フィールドをクリアできない

  9. 9

    テキストフィールドをクリックして通知をフェードインする方法

  10. 10

    テキストフィールドをループし、JavaScriptを使用して結果を連結する方法

  11. 11

    アップロードされたテキストファイルの一部をjavascriptを使用してクリック可能にする

  12. 12

    jQueryを使用してテキスト入力フィールドのみをアドレス指定する

  13. 13

    Action Script3.0を使用して複数のテキストフィールドをスクロールする

  14. 14

    リアクティブスプリングリポジトリで保存する前に、オブジェクトの複雑なフィールドをテキストフィールド(JSONとしてシリアル化)にマッピングする

  15. 15

    テキストを含むcssを使用して要素をチェーンし、関連するフィールドにアクセスする

  16. 16

    XPathを使用してテキストフィールドのリストを検索する

  17. 17

    ジェンキンスのビルド後アクションを使用して、アーティファクトのグループから jfrog アーティファクトにアーティファクトをデプロイする方法

  18. 18

    JQuery .find()を使用してBootstrapModal内の入力テキストフィールドにアクセスします

  19. 19

    チェックボックスを使用して入力テキストフィールドを更新する

  20. 20

    テキストボックスを使用して分割フォームをフィルタリングする

  21. 21

    javascriptを使用してフォームを送信する前にテキストフィールド値をテキストファイルに書き込む方法

  22. 22

    HTML-JavaScriptを使用してテキストフィールドからデータを保存する

  23. 23

    JQueryのテキストフィールド値をクリアする

  24. 24

    Jqueryで入力テキストフィールド値をクリアする

  25. 25

    Jqueryを使用してテキストフィールドを制限する

  26. 26

    Reactive Cocoaswiftを使用してテキストフィールドを検証する

  27. 27

    Javasctipt を使用して HTML テキストフィールド値を取得する

  28. 28

    watirを使用してテキストフィールドを送信する

  29. 29

    domを使用してテキストフィールドを削除する方法

ホットタグ

アーカイブ