コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTMLのフォームとは何ですか

HTMLのフォームとは何ですか

青灯夜游
リリース： 2021-10-11 15:39:15
オリジナル
6653 人が閲覧しました

HTML では、フォームはフォーム要素を含む領域です。これは主に、さまざまな種類のユーザー入力を収集するために使用され、フォーム タグを使用して定義する必要があります。フォーム要素は、ユーザーが入力できるようにするコントロールです。入力タグ (input) やテキストエリア (textarea) など、フォーム内のコンテンツ。

HTMLのフォームとは何ですか

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

フォームは、フォーム要素を含む領域です。

フォーム要素を使用すると、ユーザーはテキスト領域、ドロップダウン リスト、ラジオ ボタン、チェックボックスなどのコンテンツをフォームに入力できます。

フォームは

タグを通じて作成され、そこにフォーム フィールド、ボタン、その他のフォーム オブジェクトが配置されます: 
<form>
....
表单元素
....
</form>
ログイン後にコピー

共通のフォーム要素

1. input input タグ

ほとんどの場合に使用される form タグは input タグ () です。 

<input type="text" >
ログイン後にコピー

HTMLのフォームとは何ですか

要素は、さまざまな type 属性に従って複数の形式に変更できます。

#image画像を送信ボタンとして定義します。 month月と年のコントロールを定義します (タイムゾーンなし)。 number 数値を入力するフィールドを定義します。 passwordパスワード フィールドを定義します (フィールド内の文字はマスクされます)。 radioラジオ ボタンを定義します。 #range正確な値が重要ではない数値を入力するためのコントロール (スライダー コントロールなど) を定義します。 resetリセット ボタンを定義します (すべてのフォーム値をデフォルト値にリセットします)。 search検索文字列の入力に使用するテキスト フィールドを定義します。 送信送信ボタンを定義します。 tel 電話番号を入力するフィールドを定義します。 #テキストtimeurlweek2. textarea テキスト フィールド
ValueDescription
button クリック可能なボタンを定義します (通常は同じです)スクリプトを起動するために JavaScript が一緒に使用されるため)。
チェックボックスチェックボックスを定義します。
colorカラーピッカーを定義します。
date日付コントロールを定義します (年、月、日を含み、時間を除く)。
datetime日付と時刻のコントロールを定義します (UTC タイム ゾーンに基づいて、年、月、日、時、分、秒、秒の小数部を含む)。
datetime-local日付と時刻のコントロールを定義します (年、月、日、時、分、秒、秒の小数部、タイム ゾーンなしを含む)。
email 電子メール アドレスに使用されるフィールドを定義します。
file ファイル選択フィールドとファイルアップロード用の「参照...」ボタンを定義します。
hidden非表示の入力フィールドを定義します。
デフォルト。単一行のテキストフィールドを定義します(デフォルトの幅は20文字)。
時刻を入力するためのコントロールを定義します (タイムゾーンなし)。
URL を入力するフィールドを定義します。
週と年のコントロールを定義します (タイムゾーンなし)。