フォームタグ element_html/css_WEB-ITnose

機能:

ユーザーにインターフェイス (フロントエンド インターフェイス) を提供し、ユーザーが対応する情報を入力し、ユーザーが送信した情報を収集、分類、操作できるようにします。

フォームのワークフロー:

1. ユーザーがフォームを使用してページにデータを入力します

2. データを uli.php などのバックエンド (.php) に送信します

3.バックエンド (.php) がデータを受信します。検証が実行され、検証に合格すると、データがデータベースに書き込まれるか、データベースから読み取られて、クライアントに返されます。

文法形式:

<フォーム属性="属性値">

1. アクションペアの形式は URL を使用して渡されます。

single

で渡されるデータ型

small

Post

で渡されるデータ量

特徴:

すべてのデータは fame -pair の形式で編成されます データ型は多様です

データ量

3. enctype はデータ送信方法の設定に使用されます (オプション) (この属性は、method 属性が post に設定されている場合にのみ有効です)

Value:

1, application/x-www-form- urlencode (デフォルト値はこのオプションですが、デフォルトで省略できます) はテキスト データの転送に使用されます

2. multipart/form-data: フォームにファイル アップロード用のコントロールが含まれている場合 (入力タイプ = "file")、その場合、属性値は multipart/form-data に設定する必要があります

フォーム要素

は、ユーザーに入力領域を提供することです。

入力タイプコントロール

タイプ: さまざまなタイプのフォーム要素 (入力領域) を設定します

値:

テキスト: 単一行のテキストボックス

機能: 記入ユーザーのユーザー名とその他の情報、テキスト情報を入力します

size: 入力ボックスに表示されるテキストの量を制御し、単一行のテキスト ボックスの幅を制御します

パスワード

・主にパスワード等の表示が不便な場合に使用します。 情報の制御

・・

1. は、入力したテキストに関連する内容を表示時に立体的な原点の表現に置き換えます

   radio
ラジオ ボタン:

2. ラジオ ボタンのグループでは、入力属性名の値は一貫している必要があります

   注: 表示されるオプションを事前に設定したい場合は、checked= を追加できます。 "チェック済み"

チェックボックスチェックボタン

1. 入力フォームの属性:

   タイプ: チェックボックスに設定

   注:

   グループ内チェックボタンの場合、すべての name 属性の属性値が同じ値になるように設定し、属性値の後に []

   1. を追加しますsubmit
      file

   ファイルのアップロードを設定する

Type: アップロードされるファイルのタイプを指定します例: type="file"

名前: 要素の名前を指定します

hidden

ユーザーが入力する入力ボックスやその他の選択コントロールではありません

この機能は、隠しフィールドを設定し、受信プログラムにデータを送信し、いくつかのパラメーターを渡すことです

1. image 画像送信ボタンの設定に使用されます

   属性の説明:

   type: 画像に設定

   src: 設定する必要がある画像リソースを紹介します、

   width: 幅を設定します

   height: 高さを設定します

   title: プロンプト情報を設定しますボタンの

1. reset

   リセットボタン: 機能: ユーザーが間違った内容を入力し、再度入力する必要がある場合、入力した内容を初期化します。または選択されています。

ドロップダウン リスト

<選択>

< ;/select>

注: デフォルトで表示されるオプションを変更する場合は、属性値をこのオプションの上のオプションに追加して設定します: selected='selected'

テキストエリア:

cols: 結合される列の数を設定し、テキストフィールドの幅を制御します

rows: 結合される行数を設定し、テキスト フィールドの高さを制御します

disabled: 属性値: 無効、この値が設定されている場合は複数行 テキスト フィールドは無効になります:

label:

テキスト プロンプト情報とフォーム コントロールの入力ボックスを 1 つに「バンドル」できます。テキスト部分のコンテンツをクリックすると、プロンプト ボックスに事前に入力されたデフォルトの情報が選択されます。

label はテキストの横にあるフォームコントロールをトリガーします

label はコンテナとして見ることができます

書き方 1:

ユーザー名を入力してください:

< ;/form>

書き方2:

ユーザー名を入力してください: ;ラベル>