javascriptでオートコンプリートを一括で無効にするサンプルコード｜ 25歳でフリーランス28歳で起業したエンジニア -じゃけぇ- のあれこれ

━目次━

オートコンプリートとは

オートコンプリートとは↓のような以前入力した値を覚えてくれている機能のことです。

業務システムではセキュリティの面や使い易さの観点から、

「オートコンプリートはOFFにして欲しい」

と言われることがあります。

各PCの設定から以下のように設定することもできますが、ユーザの全員にこの作業をさせるのはナンセンスです(笑)

そこでオートコンプリートの制御をするjavascriptを紹介したいと思います。

サンプルコード

<script type="text/javascript">
  $(function(){
    
    //input属性のものを一括で取得する
    var inputItem = document.getElementsByTagName("input");
    //全てオートコンプリートをOFFにする
    for (var i=0; i<inputItem.length; i++){
      inputItem[i].autocomplete = "off";
    }
    
  });
</script>