<HTML>
<HEAD>
<タイトル>新しい入力タイプと形成の新しい要素</タイトル>
<METAのcharset = "UTF-8">
</ HEAD>
<身体>
<！ - INPUT新しいタイプの列挙されたパーツ- >
<フォームアクションは= "">
あなたの好きな色を選択してください：の<input type = "色"名前= "favcolor">
誕生日：<入力タイプ= "日付"名前= "BDAY">
誕生日（日付と時刻）：<入力タイプ= "日時"名前= " bdaytime">
誕生（日付と時刻）：<INPUT TYPE = "日時ローカル"名= "bdaytime">
電子メール： "電子メールで" <INPUT TYPE = "メールで"名前=>
出産（月と年）：の<input type = "月 "名前= "bdaymonth">
（1〜5）番号：<入力タイプ= "数"名前= "量"分= "1"最大=「5 ">
電話番号：<入力タイプ=" TEL "名前=" usrtel ">
あなたのホーム・ページを追加します。<タイプ=のINPUT" URL "名前="ホームページ「>
</ form>を
<！ -新しい要素を形成しない、すべてのブラウザがHTML5をサポート
新しいフォーム要素を、しかし、あなたはそれらを使用することができます
ブラウザがサポートされていない場合でも、フォームのプロパティがまだ表示することができ、
従来のフォーム要素として。- >
<！ -データリスト
与選択区别
1.能模糊搜索
2.可由用户输入
- >
<入力リスト= "ブラウザ"名前= "ブラウザ">
<データリストのid = "ブラウザ">
<オプション値= "すなわち"> </オプション>
<オプション値= "サファリ"> </オプション>
<オプション値= "オペラ"> </オプション>
<オプション値= "Firefoxの"> </オプション>
</データリスト>
<！ - keygenの
ユーザーを検証するための信頼性の高い方法を提供し
フォームが送信されたとき、それは二つの鍵、秘密鍵、公開鍵を生成します。
- >
<フォームアクション= ""メソッド、= "GET">
ユーザー名：の<input type = "text" NAME = "usr_name">
暗号化：<keygenの名前= "セキュリティ">
種類の<= INPUT ""提出>
< /フォーム>
<！ -出力
用于不同类型的输出
- >
<oninput形成= "x.value =のparseInt（a.value）+のparseInt（b.value）"> 0
の<input type = "範囲" ID = " "値=" 50 "> 100 +
の<input type ="番号」ID = "B"値= "50"> =
<出力名= "X> "B"=用の" </出力>
</ FORM>
< /ボディ>
</ HTML>