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プロパティが必要です.
テキストフィールド(複数行テキストボックス)
フォームの動作モード:
フォームコントロールはform要素にあり、それぞれにactionプロパティがある必要があります.通常はmethodとidプロパティを設定する必要があります.
Actionプロパティ:プロパティ値は、サーバの前のページのURLです.このページは、ユーザーがフォームをコミットするときにフォームの情報methodプロパティを受け入れるために使用されます.フォームのコミット方法にはpostとgetの2つがあります.
idプロパティ:その値は、ページの多くの要素でフォームを一意に識別するために使用されます.
Input要素は、typeプロパティ値がどのコントロールを作成するかを決定する複数の異なるフォームコントロールを作成するために使用されます.
一般的なinputラベル
Text単行テキストボックスPasswordパスワードボックスは、単行テキストボックスと似ていますが、その文字はRadioラジオボタンに隠されており、ユーザーは一連の選択からCheckboxチェックボックスを選択するしかなく、ユーザーが1つの質問に答えるときに複数のオプションFileを選択してファイルをアップロードできるようにします.つまり、Browseボタンの後ろに付いているテキストボックスのようなコントロールSubmitコミットボタンを作成し、サーバーImageにフォームを送信します.コミットボタンHiddenとして画像を使用してフォームコントロールを非表示にします.これらのコントロールはページに表示されません.Dateは日付入力コントロールEmail電子メール入力コントロールを作成します.ユーザーが電子メールアドレスとURL Searchを入力して検索クエリーの単行テキストボックスを作成できるようにする
inputでは、nameは何の役に立ちますか?
ユーザーがフォームに情報を入力すると、サーバは、各データがそのフォームコントロールに入力されていることを知る必要があります.したがって、各フォームコントロールには、フォームコントロールを識別し、入力した情報とともにサーバに送信するnameプロパティが必要です.
テキストフィールド(複数行テキストボックス)