HTML5 上下ボタン(スピナー)で数値を入力するサンプル(number)

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

HTML5 スライダーで数値を入力するサンプル(range)

HTML5のスライダーで数値を入力するサンプルです。 input要素のrange属性を使用します。 サンプル スライダーを左右に動かすとスライダーにあわせて数字が動的に変わります。 このサンプルでは、値は1から10までに […]

HTML5 入力欄に入力候補を表示するサンプル(datalist)

HTML5の入力欄に入力候補を表示するサンプルです。 datalist要素(datalistタグ)を使用します。 サンプル 入力欄または入力欄の右の三角をクリックすると入力候補が表示されます。 datalist要素 入力 […]

HTML5 プログレスバーの動きを表示するサンプル(progress)

HTML5のプログレスバーの動きを表示するサンプルです。 progress要素(progressタグ)を使用します。 サンプル ボタン1を押すとプログレスバーに色がついていきます。 色が全てつくと色をリセットしています。 […]

HTML5 Web Storageのサンプル

HTML5のWeb Storageのサンプルです。 Web Storage Web Storageはキーと文字列を保存します。 2種類の仕様があります。 仕様 説明 sessionStorage ブラウザを閉じるとデータ […]