ブラウザにフォームの値を覚えさせない

公開日: : Web ,

Pocket

formのinputやselectにvalueやselectedで現在値を入れておいて、変更したい場合ユーザーがいじって送信する、というようなUIを作ろうとしたのですが、Firefoxだと一度フォームの値をいじるとリロードして元に戻そうと思っても編集途中のものが再現されてしまいます。
ブラウザのそういった挙動を止めたい時はその要素の属性に

を設定することで止められます。

デモ:
autocomplete=”on”
autocomplete=”off”
FIrefoxで両者に何か入力してリロードすると違いがわかると思います。

autocompleteはinputやselectに各々設定することもできるし、form要素に指定して全体に反映することもできるようです。

関連記事

no image

[CSS]colspanのかかったtdだけ中央寄せする

知らなかったのでメモメモ。 こんな感じにしたいときに。 ああいい ううええ お 属

記事を読む

no image

mysql_set_charset()をしてもMySQLモニタで日本語が文字化けする

PHPで直接MySQLをいじる練習をしていたのですが、日本語がブラウザ上では正常に見えているのにMy

記事を読む

no image

[WordPress]dbDelta()でテーブルが作成できない

WordPressのプラグインの勉強をしていて、テーブルを作成するためdbDelta()を使ったら、

記事を読む

no image

海外VPS「Vultr」の登録からサーバーインスタンス作成まで

Vultrという海外VPNサービスを使ってみました。 なぜ海外 今カナダで就職活動してるので、こ

記事を読む

no image

google-code-prettify導入

WordPressの記事上でコードを読みやすく載せるためgoogle-code-prettifyを導

記事を読む

no image

WordPressのパーマリンクを「年/月/日/ID」にする

WordPressのパーマリンク設定には各人好みがあると思いますが、僕はこうするとディレクトリ階層を

記事を読む

no image

WordPressブランクテーマ『Underscores』 導入メモ

ブランクテーマ WordPressのテーマデザインを自作するにあたって、各ページの最低限の処理の雛

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

PAGE TOP ↑