NEW ARTICLE
C# 円マーク付きの文字列を生成する
  1. HOME
  2. html
  3. disabledを指定しても効かない

disabledを指定しても効かない

  • 作成日 2021.03.22
  • 更新日 2022.03.01
  • html
disabledを指定しても効かない

くだらない理由でbuttonタグにdisabledを指定しても効かなくて、少しハマったので記述してます。

目次

環境

  • ブラウザ chrome 84.0.4147.105

disabledが効かない

別の人が書いたコードの「button」タグに「disabled」を指定するだけだったのですが、指定しても、非活性化されませんでした。

<button id="hoge" type="submit" disabled>確認</button>

chromeのデベロッパーツールで確認したら「disabled」がついていない

原因

コードをよく見ると、javascript時にonloadで「disabled」にされていた。ちょっとはまったので、メモしておきます。

<script>
  window.onload = () => {

    hoge.removeAttribute("disabled");

  }
</script>

<body>
<button id="hoge" type="submit" disabled>確認</button>
</body>

画像も表示しておきます。

当然、「JS」を変更すれば「disabled」は効くようになります。