[解決済み] Firefoxのバグ - リフレッシュ時に入力の無効化属性がリセットされない
2022-11-04 06:43:58
質問
Firefox でバグと思われるものを発見しました。これが本当にバグなのか、また回避策はあるのでしょうか。
以下のソースで基本的なウェブページを作成した場合。
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
</head>
<body>
<div>
<input id="txtTest" type="text" />
<input type="button" onclick="$('#txtTest').attr('disabled','disabled');" value="Set Disabled (jQuery)" />
<input type="button" onclick="document.getElementById('txtTest').disabled = true;" value="Set Disabled (js)" />
<input type="button" onclick="$('#txtTest').removeAttr('disabled');" value="Remove Disabled" />
</div>
</body>
</html>
もし、あなたが
disable
は
textbox
を動的に作成し、ページを更新すると
textbox
は無効化されたままとなり、無効化されていない元の状態にリセットされません。IE8 と Chrome で試したところ、期待どおりに動作しました。
textbox
がリセットされ、無効化されない状態に戻ります。
もうひとつの興味深い情報は、入力が
checkbox
ではなく
textbox
.
どのように解決するのですか?
これは
"機能"です。
の機能で、ページを更新してもフォームの入力値を記憶しています。この挙動を修正するには、単に
autocomplete="off"
を入力フォームに設定するか、あるいは単に入力に直接設定します。
これにより、オートコンプリートが機能しなくなり、ブラウザが入力フィールドの状態を記憶することができなくなります。
別の方法として、CTRL+F5 をクリックして、quot;hard-refresh" を実行することもできます。これにより、現在のページが完全にリセットされます。
関連
-
[解決済み] BootstrapのCollapse Navbarが動作しない
-
[解決済み] ジャンボトロンのセンター出しは?
-
[解決済み] input type="button "に背景画像を追加するには?
-
[解決済み] HTML5でfloat入力タイプはありますか?
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] 入力フィールドから属性を読み込むと、HTMLエンコーディングが失われる
-
[解決済み] 親ディバイスの高さを指定せずに、子ディバイスの高さを100%にする方法は?
-
[解決済み】radio入力フィールドで "required "属性を使用する方法
-
[解決済み】Firefoxでドラッグ中に入力タイプ=レンジのonchangeイベントが発生しない。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
document.forms 使用方法
-
[解決済み] <html xmlns="http://www.w3.org/1999/xhtml">」は何をするものですか?
-
[解決済み] HTML IFステートメント
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] インラインCSSでa:hoverを記述するには?
-
[解決済み] CSSだけでリンクを無効化する方法
-
[解決済み] ラジオボタンをデフォルトで選択するには?[重複しています]
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] テーブル内のテキストアラインクラス