h5フォーム

h5新しいフォーム属性

• 分
• 最高
• 必須フォームが入力されていない場合、送信は禁止されています
• ステップ正当な値を決定します。例：3 -6 -3 0 3 6 9

<input type="number" step=3>

これは3ではなく、3の倍数を指します。入力ボックスに4と書かれている場合、4より大きい次の数は7ではなく6で、4より小さい次の数は1ではなく3です。

• オートコンプリート自動プロンプト情報（過去に入力された情報）属性値のオン/オフ
• プレースホルダーテキストボックスのプロンプト情報
• オートフォーカスオートフォーカス
• パターン属性値は正規表現です（効率的な文字列処理ルール）

   <form action="">
       <input type="text"required pattern="^1[3456789]\d{9}$" placeholder="请输入您的手机号">
       <input type="submit">
   </form>

• novalidateキャンセル検証
• 送信された2つの情報としてカンマで区切られた複数の\入力ボックスを複数選択（アップロード）
• リスト属性は、バインドされたデータリストのID名であるdatalistタグと組み合わせて使用​​する必要があります。

フォームにラベルを追加する

<datalist>プロンプト情報は、リスト属性と組み合わせて使用​​する必要があります。
<option value="">ラベル属性を追加できます
</datalist>

      <input type="url" list="userlist">
   <datalist id="userlist">
<option label="百度" value="http://www.baidu.co">
<option label="腾讯" value="http://www.qq.con">
<option label="京东" value="http://www.jd.con">
<option label="淘宝" value="http://www.taobao.con">
   </datalist>

<output for="关联的是要做运算的元素的id名称"><output> 出力する（計算結果の出力）

      <form action="" οninput="sum.value=parseInt(num1.value)+parseInt(num2.value)">
<input id="num1" type="range" min="10" max="100">
+
<input id="num2" type="text" value="100">
=
<output for="num1 num2" name="sum"></output>
   </form>