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

WBOY
リリース: 2016-06-24 11:24:29
オリジナル
1589 人が閲覧しました

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

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

フォームの重要な属性

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

フォームの送信方法

​​

§ フォームの重要な属性

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

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

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

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

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

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

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

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

推奨: 各フォーム要素のテキスト説明には (2 つのラベル間のコンテンツは、バインドされたフォーム コントロールのテキスト説明です)

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

テキスト入力ボックス:

1)、input type="text" 単一行テキスト ボックス

<label for= "Account">账号:</label><input type="text" name="Account" id="Account" value="账户" maxlength="20">
ログイン後にコピー

2)、textarea 複数行テキスト ボックス

<label for="comment">评论:</label><textarea name="comment" id="comment" cols="30" rows="15" maxlength="100"></textarea>
ログイン後にコピー

説明: maxlength は最大長を指定します。テキストエリアのサイズ 文字数;