HTML フォームについて Form_html/css_WEB-ITnose

フォーム (フォーム) は、主にユーザーが入力した情報を収集および送信するために使用され、ページと WEB サーバー間のやり取りにおいて最も重要な情報源です。

フォーム(Form)を使いこなすには以下のポイントがあります:

フォームの重要な属性

フォームの共通コントロール

フォームの送信方法

§ フォームの重要な属性

アクション { URL}: フォームの送信時にデータを送信する場所を指定します。

enctype : フォーム データを送信する前にエンコードする方法を指定します。 （値は以下の通り）

application/x-www-form-urlencoded: 送信前にすべての文字をエンコードします（デフォルトはこの方法です）。

multipart/form-data: 文字をエンコードしません。 注: ファイル アップロード コントロールを含むフォームを使用する場合は、この値を使用する必要があります。

method: フォームを送信する方法を指定します。

get: from フォームに入力された値が、アクションで指定された URL に追加され、URL リンクとして渡されます。 (アドレスバーにフォーム送信情報が表示されます)

投稿: フォームから入力された値が HTML ヘッダーに追加されます。 (フォーム送信情報はアドレスバーには表示されません)

§ フォーム共通コントロール

タグ:

タグは入力要素のラベルを定義します。 、およびその属性は、関連する要素の id 属性と同じである必要があります。バインド後、テキストをクリックすると、マウスはバインドされたフォーム コントロールにフォーカスします。

推奨: 各フォーム要素のテキスト説明には タグを使用してください。 (2 つのラベル間のコンテンツは、バインドされたフォーム コントロールのテキスト説明です)

注: 各フォーム要素には、name 属性と id 属性を割り当てる必要があります。 (name 属性と id 属性は、可能な限り同じ値または関連する値を使用する必要があります。) name 属性: データをサーバーに送信するために使用されます。 id 属性: クライアント上で対応する操作を実行するために使用されます。 : ラベルのバインディング、CSS セレクターの使用など。

<label for= "Account">账号：</label><input type="text" name="Account" id="Account" value="账户" maxlength="20">

<label for="comment">评论：</label><textarea name="comment" id="comment" cols="30" rows="15" maxlength="100"></textarea>