querySelectorAll('input[type="checkbox"]'); における [ ] の使い方がわかりません

セレクタの一部になります。
2021年10月7日
ユーザー

お世話になっております。

{
  const checkboxes = document.querySelectorAll('input[type="checkbox"]');
  checkboxes.forEach(checkbox => {
    checkbox.addEventListener('change', () => {
      checkbox.parentNode.submit();
    });
  });
}

こちらのコードですが、const checkboxes = document.querySelectorAll('input[type="checkbox"]'); における
( ) 内での [ ] の使い方がわかりません。

input 要素type="checkbox" と推測はしたのですが、なぜこのような書き方になるのでしょうか?

また、
<input type="hidden" name="token" value="<?= h($_SESSION['token']); ?>">
における h($_SESSION['token']); にも同様の疑問があります。

解説もしくは詳細を扱っているレッスンを教えていただけますか?

初歩的な疑問、既出でしたら申し訳ございません。
よろしくお願いいたします。

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?