HTML フォームの作成。 CSSフォーム HTML登録フォームの作り方

ゴロヴナ / グーグルプレイ

フォームはスキン サイトのインターネット mayzhe で traplyayutsya です。 たとえば、サイトでログイン名とパスワードを入力すると、データはフォームを通じて保存され、サーバーに送信されます。 また、お尻はєraznіpituvannyaを形成します。

タグの構文

...

鬼ごっこ

処理フォームからの情報が転送される、スクリプトのアドレス (URL) が想定される、より重要なアクション属性が存在する場合があります。 データの管理後に何が起こるかについては詳しく説明しませんが、食べ物の断片はもはや html ではなく、PHP の GET メソッドと POST メソッドです。

例 1. ボタン付きの HTML フォーム

ボタンがあります：
ボタン 1
ボタン 2
ボタン 3
そして、テキストフィールドがあります。 たとえば、ここでログインを入力できます

そして、テキストフィールドは素晴らしいでしょう。 たとえば、ここに自分に関する情報を入力できます

すべて引き換えたら、[OK] ボタン

[OK] ボタンを押すと、ページが更新されるだけです。 アクション パラメータを登録しませんでした

ステップの横に移動します。

説明、例えば

  • action="" - こちら側でデータ処理が可能なものについて話します。
  • - 次のコードのテキストを選択ボタンとして表示する必要があるものについて話すための type="radio" 属性。 このメモの名前と値の属性は、すぐに小さな役割を果たします。 すぐに php をプレイするわけではありません (div. php レッスン)。
  • - 属性 type="text" は、これらのテキスト フィールドについて説明します。 ここには、name (php の場合) と value (ロックの値) という 2 つの重要な属性もあります。
  • - 属性 type="textarea" は、テキスト フィールドの大きさを示します。 本文に大きな約束を書き込めるという点では前坂との差は少ない。
  • - type="submit" 属性を使用して、ボタンが何であるかを示します。 value 属性には、ボタンに書き込む内容を記述します。

これらすべての要素に関するレポートは、レッスン 15 で読むことができます: タグ要素

ラジオ ボタン、リスト、フラグ、テキスト フィールド、ボタンを見てください。

これで、タグのすべての属性を確認できます .

タグの属性と威力

1.属性 accept-charset="エンコーディング"- サーバーがデータフォームを受け入れて処理できるコーディングを決定します。 CP1251、UTF-8 など、さまざまな値を受け入れることができます。

2. アクション属性="URL" - 送信される形式でデータを収集するスクリプトのアドレス。 値を空のままにすると、データは同じドキュメントで処理され、フォームは破棄されます。

3. 属性 autocomplete="on/off" - フォームを自動的に完成させるかどうかを設定します。 次の 2 つの値を取ることができます。

  • on - 自動入力をオンにします。
  • off - 自動入力を無効にします。

4. 属性 enctype="parameter" - データのエンコード方法を定義します。 この意味を取ることができます：

  • application/x-www-form-urlencoded- ギャップの代わりに + を入力すると、ロシア語の文字の四角形に記号が 16 番目の意味でエンコードされます
  • multipart/form-data - データはエンコードされていません
  • text/plain – + 記号に置き換えられるように変更され、文字やその他の文字はエンコードされません。

5. 属性 method="POST/GET" - 強化方法を設定します。 次の 2 つの値を取ることができます。

  • GET - データを転送する 住所行-
  • POST - ブラウザのリクエストでサーバーにデータを送信します

6. 属性 name="im'ya" - フォームの名前を定義します。 スクリプトを介して特定のフォームに移動できるようにするために、さまざまな非個人的なフォームで最もよく使用されます。

7. 属性 novalidate – 入力の正確性について所定のフォームの再チェックを促します。

8. 属性 target="parameter" - サンプラーが回転された結果をキャプチャするフレーム上で im'ya vikna。 この意味を取ることができます：

  • _blank - ブラウザの新しいウィンドウの側面を取る
  • _self - ウィンドウの側面を取る
  • _parent - フレームファーザーの側に勝つ
  • _top - すべてのフレームを表示し、ブラウザーのトップ ビューの側面を取得します

Shanovny chitachu さん、これで html フォーム タグについてよくわかりました。 さあ、ラージュは次のレッスンに行きます。

メインを見ると HTML タグ形という重要な要素にぶつからずにはいられません。 多くの場合、Web 側では、必要なリターン リンクが必要です。 たとえば、サイトでのアンケートへの記入、登録、承認、コメント、および情報。 これらのすべてのモードで、特別な領域 (フォーム フィールド) を側面に保存する必要があります。その後、データはサーバーに強制的に送信されます。 折り畳み用 zvorotny zv'azku vikoristovuyutsyaフォーム。 フォームは HTML ドキュメントの断片であり、情報を入力する目的は短いです。

小さな写真は、住宅ローンのウェブサイトにある学生登録フォームを示しています。

折り型用容器

フォームでデータを処理するので、サーバー側を指定するaction属性で。

最も単純な形式の構造:


フォーム要素...

スキン フォームには送信ボタンが存在する必要があります。これは、フォームが完成した後にデータを送信するために認識されます。

ボタン構造:

また、フォームの実質的にすべての要素の記録のために、タグ type 属性で。 フォームからすべてのデータを削除する方法としてボタンを作成するには、不快な構造があります。

テキスト フィールドを作成するには、text パラメータを使用します。 パラメータが設定される相手: name – フィールド名。 size - シンボルのフィールド。 maxlength - フィールドに許可される最大文字数。 value - ロックのフォームに表示される情報

2 つのテキスト フィールドを持つフォーム エントリの例:


名前を入力：



ニックネームを入力:





表現のロボット形式の結果は小さなものです。

一見すると、テキストフィールドのように、コメントなどの大量の情報を入力する必要があるため、タグのヘルプのために作成されたかのように、テキストエリアのフォームが選択されています

テキスト領域のロボット コードの結果は、小さなもので表されます。

フォームの次の要素はリストで、提示された非個人的な値から選択できます。 タグを許可するリスト フォームを作成する

要素が興味深い側面の存在下で見られるためには、抽象的に必要です

同様に、要素を選択し、チェックボックスとラジオ ボタン (radiobutton) を形成します。 Vіdmіsttsikh要素vvvd scho scho ensignはzrobitimіzhinny vibіrを許可し、ラジオボタンは1つだけです。

レコード ボタンとラジオ ボタンの構造:

文章

ラジオボタン：

文章

構造要素の割り当てられた属性には、チェックされた属性とロックの後ろのラジオ ボタンがあります。 旗のお尻、ラジオ ボタン、および HTML コードが小さい方に表示されます。

もう 1 つのフォーム要素はボタンで、type タグの追加属性に設定されます。 3 つのボタン値:

ボタンを開くための指定されたコードには onclick パラメーターがあり、tsyu ボタンを押すと、私のプログラミングのコードが vykonanny chi ієї chi іїї ії ії に設定されます。

特別なイベントを見る目的で、javascript コマンド – aler が使用されます。 表現のロボットバットの結果は小さなものです。

ボタンに画像を挿入するには、踏み台を指してコードを入力する必要があります。

登録してサイトに入ると、付属のテストからフィールドが描画され、それが見える星に表示されます。 要素フォームのパスワード:

多くの場合、サイトへの登録はいくつかのページに分割されており、皮膚は前からリベンジ情報に罪を犯しています。 送信されている情報を取得するために、非表示のフォーム要素が選択されます。

非表示のフォーム要素は、ブラウザー ウィンドウで非表示になります。

ファイルをサーバーにアップロードするために、フォームにはファイルへの要素があります。 ファイルをサーバーにアップロードするためのコード例を以下に示します。

また、このテーマでは、さまざまな HTML ページを作成するためのフォームの要素が検討されました。同時に、コンピューターとサーバー上のスクリプトがすべての Web アドオンの開発を可能にするかのように。

HTML フォームは、インターフェイスの折りたたみ可能な要素です。 これらには、さまざまな機能要素が含まれます。入力フィールド і

ここでは、しわのテキスト領域を作成しています 10 行 (属性の値 " 行") と幅 15 文字 (属性値 " 列").

ペアになっているタグの途中で、プロモーションの後ろのテキスト領域にテキストが表示されます。 ヴラスネ、これ以上言うことはありません。 急いで離れてください。

次の要素はラジオ ボタンです。 ラジオボタン - ツェダイヤルなど」 マグカップ"、ここから 1 つだけ選択できます。ヘルプ用のラジオ ボタンが作成されます。 HTML タグ 、そして、より正確には、追加の意味のために " 無線"属性" タイプ」などと書きましょう。 HTML コード:

1 つだけ選択してください:
オプション1
オプション 2
オプション 3

ここで私は属性につまずいています 名前「新しいものの名前のクリミアの指導者がもう1つの重要な専門分野を持っているという事実に。ヤクシュチョ・ヴィ いいえこれらの 3 つのラジオ ボタンに同じ名前を付けると、それらは独立し、さらに、さまざまなオプションを選択できるようになります。 他の誰かに変わるには、名前を覚えてから、続けてオプションの数を選択しようとすると、すぐに私の言葉に変わります。 したがって、ラジオ ボタンの 1 つのグループは、同じ属性値の母親のせいです」 名前"。属性" 価値「変化の意味を意味する」 チョイスラジオ(たとえば、 JavaScript）。 タグの説明の直後 ラジオボタンの助けを借りて順番にチャイムするテキストに移動します。

フォームのもう 1 つの要素はジャンプ ( チェックボックス）。 Stvoryuyuyutsya 悪臭再び ヘルプ タグについて . 次の行を書きましょう。

私たちのルールに従ってください：

ここではすべてが透明だと思うので、説明しません。 Raju は、ブラウザを見ているかのようにただ驚くことはほとんどありません。 私たちが立っている旗として、それからヘビの意味を言うでしょう」 条項"なれ" はい"、立っていない場合、変更の意味は "" になり、空の行になります。

もう 1 つの要素は、ファイル選択フィールドです。 言うまでもなく、サーバー上のファイルを zavantazhuyut し、ファイル挿入フィールドを頻繁にハッキングする必要がありました。 このようなフィールドの軸は、ヘルプ用に作成されています。既にスマート タグです。 . 次のように書きましょう。

アップロードするファイルを選択:

サイト上の HTML フォームを定義する HTML タグ

私たちはインターネットでウェブサイトやその他の側面を作成します splkuvannyazvіdvіduvachami。

HTMLフォームサイトへの登録に投票しました, インタラクティブなポーリングと投票, 詳細情報を許可, zdijsnyuvaty 購入だけ. HTMLフォームは同じ方法で作成されます。つまり、プログラム スクリプトまたは電子メールによって処理する情報を選択し、さらに送信します。

サンプル HTML フォーム サイトへのログイン

タグ、属性、および値

  • - フォームを指定します。
  • name="" - フォームの名前を定義します。
  • method="" - フォームからデータを強制的に取り出す方法を定義します。 意味: "get" (キー用) および "post" . 「投稿」方法はより多くの場合勝利を収め、データの大きな義務を転送することができます。
  • action="" - 処理に送信される URL を設定します。 私たちのvipadにはenter_data.phpがあります..
  • - データを入力するためのボタン、ジャンパ、テキスト フィールドなどの要素を指定します。
  • type="text" - データを入力するためのテキスト フィールドを選択します。
  • type="password" - テキストが星または円の形で表示される場合に、パスワードを入力するためのフィールドを設定します。
  • type="checkbox" - ジャンパーを設定します。
  • type="hidden" - フォームの添付要素を定義します - 追加情報をサーバーに転送する必要があります。
  • size="25" - 文字テキスト フィールドの長さ。
  • maxlength="30" - 入力できる最大文字数。
  • value="" - 処理に送信される値を定義するため、ラジオ ボタンまたはジャンパーの前に配置する必要があります。 テキストフィールドまたはボタンの倉庫でのこの属性の値が表示されます。たとえば、例では Vasya または Enter です。

サンプル HTML フォーム サイトへのコメント

<a href="https://androidas.ru/ja/html-formy-css-formy-primer-sozdaniya-formy-v-css/">お尻のHTML</a>形




イムヤ



郵便

タグ、属性、および値

  • action="http://website/comments.php" - フォーム データが送信される URL を設定します。
  • id="" – フォーム要素の名前、識別子を定義します。
  • name="" - フォーム要素の名前を割り当てます。
  • - 倉庫フォームにテキスト フィールドを割り当てます。
  • cols="" – フォーム テキスト フィールドの列数を設定します。
  • rows="" - フォームのテキスト フィールドの行数を設定します。

ヤクシュチョ・ミジ テキストを広げると、お尻のようにフィールドの真ん中に証言が表示され、見やすくなります。

バット HTML フォーム Vidropdown リスト

HTMLフォーム

タグ、属性、および値

  • - 選択位置のリストを指定します。
  • size="" - リスト内の表示位置の数を設定します。 値が 1 より大きいので、リストの右側にある可能性があります。
  • - リストに位置 (ポイント) を割り当てます。
  • value="" - 出力用の URL の後にフォームによって送信されるため、値を設定します。
  • selected="selected" - 例としてリストの位置を参照してください。

バット HTML フォーム

属性 size="" の値を増やすことで、多くのスクロールを伴うリストを取得します:

1位 その他 3位 4位

HTMLフォーム

このオプションでは、ensign multiple="multiple" を使用する必要があります。これにより、多数の位置を選択できます。 昼間は1点のみお選びいただけます。

  • type="submit" - ボタンを割り当てます。
  • type="reset" – ドロップ ボタンを設定します。
  • value="" - ボタンにテキストを表示します。

    • dodatkovo を不思議に思う:

    編集者の選択

    © 2022 androidas.ru - Androidに関するすべて