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 video要素で動画ファイルを再生するサンプル

HTML5のvideo要素で動画ファイル(mp4等)を再生するコードのサンプルです。 目次 video要素で動画を動かすサンプル 動画を自動再生するサンプル 動画を再生する前に画像ファイルを表示するサンプル video要 […]