「戻る」ボタンを押すと、ブラウザのフォーム入力の事前入力/自動入力機能が無効になります

エイドリアン・ビー

「ブラウザが「戻る」ボタンを押したときにフォーム入力を事前入力しないようにしたい」。実際、ブラウザの(キャッシュされた)値ではなく、初期値を入力(jspを介して追加)したいのです。

解決策1:これは、現在のページのブラウザキャッシュを無効にすることで実行できることがわかりました。これは、「フォーム」に対してこの事前入力機能を「のみ」無効にしたいことを考えると、かなり極端な解決策のようです(したがって、ページ全体ではなく、フォームのみのキャッシュを無効にします)。

解決策2:次に、明らかな次の解決策はjavascriptを使用することです。つまり、初期値をdata- *属性に格納し、ページの読み込み時に、入力値が異なる場合は初期値に置き換えます。

どちらの解決策もかなり不完全に見えます(これらはかなり回避策です)。より良い解決策を聞きたいと思っている皆さんに目を向けます。

リソース:

アダムD.ルッペ

最初に頭に浮かぶのは、<input type="reset">ボタンを使うことです。ユーザーが実際にフォームをリセットすることはめったにないため、これらは最近はあまり見られませんが、ここでは必要なものである可能性があります。

form.reset();ユーザーにボタンを提供する代わりに、ページの読み込み時にjavascriptでそれを行うこともできます。

https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement.reset

これはソリューション2に似ているため、ブラウザの動作の回避策ですが、これは標準フォームの(古い)部分であり、追加のコードをほとんど必要とせずにうまくいくと思います(データは必要ありません-*属性)、それでそれをそこに捨てたかったのです。

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

チェックボックスをオンにすると、角度のあるリアクティブフォームで入力が無効になります

分類Dev

入力が非表示のフォームでファイルブラウザを無効にします[type = file]

分類Dev

すべてのテキスト入力フィールドに入力しない限り、フォームボタンを無効にします

分類Dev

ユーザー名とパスワードを入力せずにログインボタンを押すと、ブラウザの左上隅に「無効な情報」のようなメッセージが表示されます

分類Dev

別のフォーム入力フィールドをクリックすると、チェックボックスが自動的にオンになります

分類Dev

送信btnが無効になっている場合、事前入力されたフォーム入力要素は最初の入力を受け入れません

分類Dev

すべてのフォーム入力が入力されるまでjquery送信ボタンを無効にする

分類Dev

AngularJSフォームに無効なデータを事前入力します

分類Dev

ブートストラップ:フォーム入力として無効なボタンを使用する

分類Dev

ブラウザがフォーム値を誤って事前入力する

分類Dev

ボタンをクリックするとフォームに自動入力

分類Dev

htmlフォーム入力が自動的に無効になるのはなぜですか?

分類Dev

ボタンを押したときにテーブルの特定の入力を無効にする

分類Dev

1つの入力フィールドに入力すると、reactjsを使用して他の入力フィールドが無効になります

分類Dev

すべての入力がAngularjsに入力されるまで、送信ボタンをデフォルトの状態として無効にします

分類Dev

入力フィールドが空のときにボタンを無効にするがJavaScriptで機能しない

分類Dev

Djangoに無効なデータが入力された場合は、入力フィールドの下にフォームエラーを表示します

分類Dev

コードにランタイムエラーがあります。文字を入力すると、有効なブール値のみが真になります

分類Dev

ボタンにng-clickを使用したときにユーザーがすべてのデータを入力するまで、複数のフォームの送信ボタンを無効にしますか?

分類Dev

HTMLの入力タグの自動入力を無効にしますか?

分類Dev

ユーザーがボタンを押したときにフォームの2つの入力を追加します

分類Dev

ブラウザのタブAからデータをコピーし、ブラウザのタブBのフォームに入力するChrome拡張機能を作成しようとしています

分類Dev

SAPUI5フォームラベルと入力を動的に追加し、入力のIDを設定しますが、機能しません

分類Dev

フォームが完全に入力されるまで、JQueryは送信ボタンを無効にします

分類Dev

事前入力されたデータをユーザー入力と比較し、編集されている場合にのみフォームを送信します

分類Dev

テキストボックスvbaを入力するときにユーザーフォームボタンが機能しない

分類Dev

現在の入力にエラーまたは警告がある場合、すべての次のフォーム入力フィールドを無効にする

分類Dev

Djangoのフォームにユーザーを自動的に入力する

分類Dev

ブラウザに手動で入力すると、React-routerのURLが機能しない

Related 関連記事

  1. 1

    チェックボックスをオンにすると、角度のあるリアクティブフォームで入力が無効になります

  2. 2

    入力が非表示のフォームでファイルブラウザを無効にします[type = file]

  3. 3

    すべてのテキスト入力フィールドに入力しない限り、フォームボタンを無効にします

  4. 4

    ユーザー名とパスワードを入力せずにログインボタンを押すと、ブラウザの左上隅に「無効な情報」のようなメッセージが表示されます

  5. 5

    別のフォーム入力フィールドをクリックすると、チェックボックスが自動的にオンになります

  6. 6

    送信btnが無効になっている場合、事前入力されたフォーム入力要素は最初の入力を受け入れません

  7. 7

    すべてのフォーム入力が入力されるまでjquery送信ボタンを無効にする

  8. 8

    AngularJSフォームに無効なデータを事前入力します

  9. 9

    ブートストラップ:フォーム入力として無効なボタンを使用する

  10. 10

    ブラウザがフォーム値を誤って事前入力する

  11. 11

    ボタンをクリックするとフォームに自動入力

  12. 12

    htmlフォーム入力が自動的に無効になるのはなぜですか?

  13. 13

    ボタンを押したときにテーブルの特定の入力を無効にする

  14. 14

    1つの入力フィールドに入力すると、reactjsを使用して他の入力フィールドが無効になります

  15. 15

    すべての入力がAngularjsに入力されるまで、送信ボタンをデフォルトの状態として無効にします

  16. 16

    入力フィールドが空のときにボタンを無効にするがJavaScriptで機能しない

  17. 17

    Djangoに無効なデータが入力された場合は、入力フィールドの下にフォームエラーを表示します

  18. 18

    コードにランタイムエラーがあります。文字を入力すると、有効なブール値のみが真になります

  19. 19

    ボタンにng-clickを使用したときにユーザーがすべてのデータを入力するまで、複数のフォームの送信ボタンを無効にしますか?

  20. 20

    HTMLの入力タグの自動入力を無効にしますか?

  21. 21

    ユーザーがボタンを押したときにフォームの2つの入力を追加します

  22. 22

    ブラウザのタブAからデータをコピーし、ブラウザのタブBのフォームに入力するChrome拡張機能を作成しようとしています

  23. 23

    SAPUI5フォームラベルと入力を動的に追加し、入力のIDを設定しますが、機能しません

  24. 24

    フォームが完全に入力されるまで、JQueryは送信ボタンを無効にします

  25. 25

    事前入力されたデータをユーザー入力と比較し、編集されている場合にのみフォームを送信します

  26. 26

    テキストボックスvbaを入力するときにユーザーフォームボタンが機能しない

  27. 27

    現在の入力にエラーまたは警告がある場合、すべての次のフォーム入力フィールドを無効にする

  28. 28

    Djangoのフォームにユーザーを自動的に入力する

  29. 29

    ブラウザに手動で入力すると、React-routerのURLが機能しない

ホットタグ

アーカイブ