タブ

シンプルなタブ（HTML+CSSのみ）

  • HTML
  • CSS

JavaScriptなしで完結するチェックボックス/ラジオボタンを使った簡易タイプです。アクセシビリティ（A11y）には非対応なのでデモ向けです。

See the Pen 【タブ】HTML＋CSSのみ by 早稲田電子IT教育センター (@wit-it) on CodePen.

シンプルなタブ

  • HTML
  • CSS
  • JS

ここに特徴テキストが入ります。ここに特徴テキストが入ります。ここに特徴テキストが入ります。ここに特徴テキストが入ります。ここに特徴テキストが入ります。ここに特徴テキストが入ります。ここに特徴テキストが入ります。

See the Pen Untitled by 早稲田電子IT教育センター (@wit-it)on CodePen.

アクセシビリティ（A11y）対応

  • HTML
  • CSS
  • JS

ここに特徴テキストが入ります。ここに特徴テキストが入ります。ここに特徴テキストが入ります。ここに特徴テキストが入ります。ここに特徴テキストが入ります。ここに特徴テキストが入ります。ここに特徴テキストが入ります。

See the Pen 【タブ】A11y対応 by 早稲田電子IT教育センター (@wit-it)on CodePen.