HTML5新要素 input type="date" カレンダーUIで日付の入力

html5

概要

input type="date"タグについて説明します。

内容

input type="date"は日付入力欄です。

サンプル

<!DOCTYPE HTML>
<html lang="ja-JP">
  <head>
    <meta charset="UTF-8" />
    <title>input type="date"</title>
  </head>
  <body>
  <form action="">
    date：<input type="date" name="date" id="date" value=""style="width:200px;" required  />
    <input type="submit" name="" value="submit" />
  </form>
  </body>
</html>

完成画面のキャプチャ

現状だと、Opera以外はテキストボックスと変わらない表示なのでOperaのキャプチャです。

以上の内容はhttps://tbpgr.hatenablog.com/entry/20120316/1331920942より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14