カテゴリー：HTML / CSS

目次 サンプル クリックして詳細を開く/閉じるサンプル 初期表示は開いておく場合 details要素 クリックして詳細を開く/閉じるサンプル 文字「テスト」の行をクリックすると詳細情報が開きます。 再度、マークを押すと詳 […]

目次 サンプル 上下ボタン(スピナー)で数値を入力する   number属性 上下ボタン(スピナー)で数値を入力する カーソルを入力欄にあてると上下ボタンが表示されます。上または下のマークを押すと数値が変化しま […]

目次 メモ スライダーで数値を入力する range属性 スライダーで数値を入力する スライダーを左右に動かすとスライダーにあわせて数字が動的に変わります。 このサンプルでは、値は１から10までにしています。 　1 上記サ […]

目次 サンプル 入力候補を表示する   datalist要素 入力候補を表示する １．入力欄に「あ」と入力すると、入力候補に「あいうえお」が表示されます。 ２．入力欄が空白の状態で右の三角をクリックすると入力候 […]

目次 サンプル プログレスバーのサンプル   progress要素 プログレスバーのサンプル プログレスバーはインストールの進捗状況などを表現できます。 ボタン1を押すとプログレスバーに色がついていきます。 色 […]