作成したチェックボックスは、デフォルトでチェックされています。name="meal">いくつかのラジオボタンをまとめることができます。属性で同じ値を共有すると、それらのラジオボタンは同じボタングループに属するとみなされます。あるラジオボタンをチェックすると、他のラジオボタンは自動的にチェックが外れます。フォームを送信するときは、チェックしているラジオボタンのみの値を送信します。何もチェックしていない場合はラジオボタンの集まり全体が未知の状態であるとみなし、フォーム送信時は値を送信しません。(Submit)フォームデータをサーバに送信します。省略すると、送信ボタンが表示されます。(Reset)すべてのフォームウィジェットをデフォルト値にリセットします。使用してカスタマイズできます。(こちらも参照してください)。要素でも、常に同じ動作になります。コンテンツを使用できて、これは開始と終了の<button>タグの間に挿入されます。属性の中にラベルが挿入され、このためプレーンテキストのコンテンツのみ使用できます。属性の中にセットすることにより)。要素で定義されたボタンの間にほとんど違いはありません。唯一の顕著な違いはボタン自体のラベルです。することができるため、それに従ってスタイルを設定できます。高度なフォームウィジェットこれらのウィジェットは、ユーザに複雑あるいは高度に構造化されたデータを入力させるフォームコントロールです。これらは正確またはおおよその数値、日付や時間、色を含みます。(こちらも参照してください)。このコントロールはテキストフィールドに似ていますが浮動小数点数値のみを入力でき、また通常はウィジェットの値を増減させるボタンがつきます。属性を設定することで値を制限できます。属性で、増減ボタンを押した際にウィジェットの値を変える量を指定することもできます。変更する数値ウィジェットを作成します。バージョン10未満ではサポートされていません。数値を選択するもうひとつの方法が、スライダーです。視覚的には、スライダーはテキストフィールドより正確さに欠けるため、値の正確さが必ずしも重要ではない数値の選択に使用します。要素を使用して作成されます。スライダーを適切に設定することが重要です。各属性を設定することを強く推奨します。変わるスライダーを作成します。スライダーの問題の1つは、現在の値が何であるかについて視覚的なフィードバックを提供していないことです。使ってこれを自分で追加する必要がありますが、比較的簡単です。この要素には、スライダーの現在の値を書き込み、変更に応じて更新します。使って実装することができます。イベントハンドラを設定します。バージョン10未満ではサポートされていません。開発者にとって悪夢のようなものでした。これら特定の値を扱うための専用コントロールを提供するよう機能強化しています。属性で使用できる値はいくつかあります:datetime-localこれは、日付および特定のタイムゾーンの時刻を表示および選択できるウィジェットを作成します。type="datetime-local">monthこれは、年と月を表示および選択できるウィジェットを表示します。type="month">timeこれは、時刻を表示および選択できるウィジェットを表示します。type="time">weekこれは、年と週番号を表示および選択できるウィジェットを表示します。属性による制限が可能です。日付と時刻ウィジェットは最も深いサポートを持っていません。パッチサポートがあります。色を扱うことは、やや困難です。色の表現方法はいくつもあります。カラーウィジェットにより、ユーザは色をテキストによる方法や視覚的な方法で選択できます。カラーウィジェットは現在それをサポートしていません。現在それもサポートしていません。他の主要なブラウザはそれをサポートしています。その他のウィジェット動作がとても限定されているため簡単には分類できない、その他のウィジェットがいくつかあります。いえ、これらもとても役に立ちます。(こちらも参照してください)。フォームで、ファイルをサーバーに送信できます。フォームデータの送信と取得。