フロントエンドの開発HTML5--フォームタグ

フォームの紹介

  フォームフォームは、主にWebページが独自に使用するために送信されたデータを傍受することができ、ユーザーがWebアプリケーションにデータを送信することを可能にするWebアプリケーションのデータと対話するユーザーのために使用されています。一般タグラベルフォーム要素は、オブジェクトを記述するために使用される時間と、ボックス、ラジオボタンをチェックし、ドロップダウンメニュー、ボタン、単一行/複数行のテキストボックスを素子形成されているフォーム要素、によって一般に複数を形成します。以下のように使用することができますプロパティ。 

     フォーム情報を処理するアプリケーションのアドレスのためのアクション。

     ブラウザがHTTPフォーム送信メソッドを使用する方法。

      HTTP GET GETメソッドプロトコルに対応するには、フォームデータは、「?」は別居使用して、URIに追加されます 

      ポストプロトコル、HTTPプロトコル要求パケットのボディ部に含まれるフォームデータに対応するHTTP POSTメソッド。

    名前名前を設定フォーム

    ターゲット情報がフォームによって提出されたディスプレイに対する応答を受信するブラウザを表します。

       _self、_blank、_parent、_topこれらの同じ値とハイパーリンク

フォームデータのコンテンツタイプ

  フォームデータは、コンテンツタイプの属性のenctypeによって設定されています

    1.アプリケーション/ x-www-form-urlencodedで

      符号化方式を送信する前に、すべての文字(デフォルト)を使用するには:

      1)コントロールの名前と値は[+]を使用して空白文字をエスケープされている予約文字は、一般に、(などの特定の目的のために使用される置換:/;)@ =&等?。%HH(HHは、文字のASCIIコードを表す2桁の16進数を表す)変換を使用して、非数字とアルファベット

      2)彼らは文書へのデータ・ストリームに表示される順にリストされている「名前/値」のペアを制御します。使用&「名前」、「=」スプリットを使用して、「値」、両者の間に間隔「名前/値。」

    2.マルチパート/フォームデータ

      ない文字エンコーディング。フォーム[]が含まれているファイルアップロードコントロールを使用するときは、この値を使用する必要があります。データが複数の部分に分割され、構造のウェル制御の各代表は、文書データストリームの一部として、各セクションは、順次、それらが文書データストリームに現れる順序でサーバに送信され、境界部分の各々ではありませんこれは、データに表示されます。各セクションは、第一コンテンツdespositionのタイトルを有し、その値のフォーマットは:コンテンツの廃棄:フォームデータ、名前=「MyControlと」

    3.テキスト/平野

      スペースは「+」に変換プラスではなく、特殊な文字エンコーディング。

フォームコンポーネント入力

  入力コンポーネント以下のプロパティを使用することができ、ユーザからのデータを受信するための、

    図1に示すように、型の型設定モジュール

        テキスト行のテキストボックス

        パスワード[パスワード]ボックスには、コンテンツがブロックされます入力してください。

        チェックボックスボックスは、デフォルトで選択checkedプロパティを使用して提出した成分値のプロパティ値を記述するために使用する必要があります。

        ラジオラジオボタンがデフォルトで選択checkedプロパティを使用して提出した成分値のプロパティ値を記述するために使用する必要があります。各時間は唯一のコンポーネントボタン群で選択されたように、すべてのコンポーネントが、同じ名前の値を有するべきであるラジオボタングループ

        送信ボタンを提出

        リセットボタンをリセット

        ファイルファイルボタン、ファイルシステム内のファイルのためのコンポーネントを選択

        隠しフィールドを隠され、コンポーネントがページに表示されませんが、その値が送信されます。

        イメージ画像ボタンSRCは、画像をロードするために使用されなければならない、テキストを置き換えるために、ALTステートメントを使用します。

        ボタンのプッシュボタン

    設定2、名前のコンポーネントタイプ

    図3に示すように、任意の初期化を設定するための値。     

    図4は、チェックボックスは、デフォルトのプロパティで選択され、ラジオボタンをチェックします

    5は、無効コンポーネント無効、無効成分値が送信できません

    6、サイズ制御電流の初期幅、ピクセル単位の幅。制御タイプは、時間幅は文字の数を表す整数値、テキスト、パスワードでされていない限り、デフォルトは20です

    7、MAXLENGTHは、文字を入力できる最大値を指定します。型テキスト、パスワードの管理に適しています。

  フィールドセット成分と複数のタグをグループ化するためには、Webフォームを制御します

    子要素1、無効無効filedset要素、プロパティは、フィールドセットによって影響を受けることになります

    2、名前のフィールドセット要素の名前

    ラベルごとにフィールドセットのタイトル

<!DOCTYPE HTML > 
< HTML LANG = "EN" > 
< > 
    < メタ文字コード= "UTF-8" > 
    < タイトル>ドキュメント</ タイトル> 
</ ヘッド> 
< 身体> 
    < フォームアクション= "" > 
        < fieldsetの> 
            < 伝説>タイトル</ 伝説> 
            < 入力タイプ=「ラジオ」
            ラベル= "ラジオ" >私をクリックしてください。</ ラベル> 
        </ fieldsetの> 
    </ 形成> 
</ ボディ> 
</ HTML >

  入力/ボタンボタンアセンブリ次のプロパティを使用することができ、ユーザからのデータを受信するための、

    Buttonコントロール

    図1に示すように、入力タイプ指定された制御タイプ

      ボタン、提出し、リセット

    2、入力名のボタン名。

    3、関連する入力値ボタンの値は、名前の値と共に提出されます

  ラベルアセンブリ次のプロパティを使用することができる形式のアセンブリのタイトルを表示するため

    図1は、コードの例は上記されている、ヘッダ設定値IDを持つアセンブリのためのフォームのために、一致しています

  コンポーネントの選択以下のプロパティを使用することができるドロップダウンリストまたはリストを示すため、

    選択要素は、プロパティのサイズと複数のプロパティが含まれていない場合。1、複数選択が許可されているか否かを示す複数の指定された制御タイプブール値は、フォームタイプは、任意の属性サイズ場合、メニュー(コンボボックス)として表示され、複数の属性れます1つのフォームタイプは、リストボックスとして表示されます。

    ディスプレイのサイズは、サイズが同時に表示される行数を示すとき、のリストをスクロールすることができる場合に2行の数を表すことにします。デフォルト値は0です。これは、非リスト表示を表し、

    3は、無効コンポーネント無効、無効成分値が送信できません

    図4に示すように、名前がアセンブリの名前、指定した値とその値オプションキーサブ元素組成を他の人と一緒にデータを形成するために提出されます

  オプションアセンブリオプションを示すため、多くの場合、次のプロパティで提供されている、<OPTGROUP>、<select>の含めます

    1は、無効コンポーネント無効、無効成分値が送信できません

    図2に示すように、制御値の初期値を定義します。フォームが送信されると、初期値がサーバーに送信されます。

    選択した3は、オプションはデフォルトで選択されていることを示し

<!DOCTYPE HTML > 
< HTML LANG = "EN" > 
< > 
    < メタ文字コード= "UTF-8" > 
    < タイトル>ドキュメント</ タイトル> 
</ ヘッド> 
< 身体> 
    < フォームアクション= "" > 
        < 選択= "アドレス" ID = "" > 
            < オプション= "北京" 無効>
            オプション= "上海" 選択>上海</ オプション> 
            < オプション= "广州" >广州</ オプション> 
        </ 選択> 
    </ 構成> 
</ ボディ> 
</ HTML >

 

おすすめ

転載: www.cnblogs.com/aitiknowledge/p/11498410.html