HTMLフォームの概要

2763 ワード

HTMLは、さまざまなタイプのフォームコントロールを使用して、Webサイトの訪問者の情報を収集します.
フォームの動作モード:
  • ユーザはフォームに記入し、ボタンをクリックして記入情報をサーバ
  • に提出する.
  • 各フォームコントロールの名前は、ユーザが入力または選択した値とともにサーバ上の
  • に送信される.
  • サーバは、php、javaなどのバックグラウンド言語を用いてこれらの情報を処理し、1つのデータベースに
  • を格納することもできる.
  • サーバは、受信情報に基づいて新しいページを作成し、ブラウザ
  • に戻る.
    フォームコントロールはform要素にあり、それぞれにactionプロパティがある必要があります.通常はmethodとidプロパティを設定する必要があります.
    Actionプロパティ:プロパティ値は、サーバの前のページのURLです.このページは、ユーザーがフォームをコミットするときにフォームの情報methodプロパティを受け入れるために使用されます.フォームのコミット方法にはpostとgetの2つがあります.
  • getメソッドを使用する場合、actionプロパティで指定するURLの末尾にフォームの値が付加され、getは、データベースに追加または削除するデータ
  • を送信することなく、以下のシナリオa、短いフォームb、Webサーバからのみデータを取得する場合に適用される.
  • postメソッドを使用すると、フォーム内の値がHTTPヘッダ情報に格納されて送信される.Postは、以下の場合aに適用する.ユーザがファイルb、非常に長いフォームc、機密情報dを含む、データベースに情報
  • を追加または削除することを可能にする.
    idプロパティ:その値は、ページの多くの要素でフォームを一意に識別するために使用されます.
    Input要素は、typeプロパティ値がどのコントロールを作成するかを決定する複数の異なるフォームコントロールを作成するために使用されます.
    一般的なinputラベル
    Text単行テキストボックスPasswordパスワードボックスは、単行テキストボックスと似ていますが、その文字はRadioラジオボタンに隠されており、ユーザーは一連の選択からCheckboxチェックボックスを選択するしかなく、ユーザーが1つの質問に答えるときに複数のオプションFileを選択してファイルをアップロードできるようにします.つまり、Browseボタンの後ろに付いているテキストボックスのようなコントロールSubmitコミットボタンを作成し、サーバーImageにフォームを送信します.コミットボタンHiddenとして画像を使用してフォームコントロールを非表示にします.これらのコントロールはページに表示されません.Dateは日付入力コントロールEmail電子メール入力コントロールを作成します.ユーザーが電子メールアドレスとURL Searchを入力して検索クエリーの単行テキストボックスを作成できるようにする
    inputでは、nameは何の役に立ちますか?
    ユーザーがフォームに情報を入力すると、サーバは、各データがそのフォームコントロールに入力されていることを知る必要があります.したがって、各フォームコントロールには、フォームコントロールを識別し、入力した情報とともにサーバに送信するnameプロパティが必要です.
    テキストフィールド(複数行テキストボックス)