フォーム入力の取得（３）ＨＴＭＬ５での新機能

全般

• placeholder：例示、required：必須（テキストボックス）
  <input type="text" name="名前" placeholder="例：山田太郎" required>
  名前：
• required：必須(ラジオボタン、チェックボックスの場合は、先頭のものにつけるだけでよい)
  <input type="radio" name="性別" value="1" required>男性
  <input type="radio" name="性別" value="2">女性
  性別：男性 女性
• maxlength：入力可能な最大文字数（あえて５文字にしてある）
  <textarea name="意見" cols="40" rows="5" maxlength="5"></textarea>
  意見：

入力値型チェック

• pattern：正規表現（ ここでは 123-4567 の形式）
  <input type="text" name="郵便番号" pattern="\d{3}-\d{4}">
  郵便番号：
• type=url：ＵＲＬ（「http://～」の形式のみ。相対指定は不可）
  <input type="url" name="ＵＲＬ" placeholder="例：http://www.aaa.com/bbb.html">
  ＵＲＬ
• type=email：メールアドレス
  <input type="email" name="メールアドレス" placeholder="例：aaa@bbb.com">
  メールアドレス

マウスによる数値指定

• type=number：整数入力
  <input type="number" name="整数">
  整数：
• min, max, step：数値の制約（ここでは１０から２０までの偶数）
  <input type="number" name="偶数" min="10" max="20" step="2">
  偶数：

特殊な入力方式

• type="date"：カレンダによる入力
  <input type="date" name="年月日">
  年月日
• type="range"：スライダによる入力
  <input type="number" name="音量" min="10" max="20">
  音量：
• type="color"：色一覧による入力
  <input type="color" name="色">
  色

その他

• fieldset：グループ化
  <input <fieldset>～<fieldset>
  この部分が枠で囲まれる。
• legend：枠につける見出し
  <fieldset>
  　　<legend>pattern（正規表現）の例</legend>
  　　　　全角カナ（ァ～ン）～
  　　　　　　：
  　　　　～のテスト」
  </fieldset>
  
  pattern（正規表現）の例

  全角カナ（ァ～ン）：pattern="^[ァ-ン]+$"
  カナ：

  半角英数字（a～z、A～Z、0～9）：pattern="^[a-zA-Z0-9]+$"
  数値：

  半角数値（-や.があってもよい）：pattern="^[-]?[0-9]+(\.[0-9]+)?$"
  数値：

  参照：「正規表現の説明」、 「文字列の取扱と正規表現（regular expression）のテスト」

（エラー表示以外、何も処理しません）