PHPフォームの詳しい説明
Web 開発に関して言えば、ここ数年 Web ユーザー インターフェイス デザインの事実上の標準となっている HTML について言及する必要があります。現在 WAP/XML などのページ スクリプトを使用しているため、HTML の優位性を維持することが困難になっていますが、フロントエンド PHP Web アプリケーションを作成する場合、開発者は依然として HTML 言語、特に HTML のフォーム部分を理解する必要があります。この章では、次のことを学習します:
? Dreamweaver を使用して HTML フォームをデザインしますか?
PHP を使用してフォーム データを送受信しますか?
PHP を使用してユーザー入力を検証しますか? PHP での軽量攻撃の防止
PHP の 2 つのセッション管理方法: COOKIE と SESSION
? Web アプリケーションの計画
5.1 フォームと HTML
HTML は、ユーザーに優れた柔軟性を提供するシンプルなマークアップ言語であり、学習が容易です。また、あまりにも多くの Web デザイナーが HTML のデザインとコーディングを乱用し、IE、Firefox、Mozila などのいくつかの異なるブラウザーでページが大きく異なって実行されるのもこのためです。
今日の Web デザインでは、Web ページの HTML にコンテンツと情報のみを含め、現在一般的な DIV+CSS デザイン標準である標準の HTML と CSS (カスケード スタイル シート) に情報を格納することを目的とした新しい標準が可能になりました。
HTML 言語の代わりに XML を使用することを提案する人もいます。 XML は強力な機能を持っていますが、参入障壁が高く、HTML ベースの Web サイトが多すぎるため、HTML からの移行に使用される XHTML と呼ばれる HTML と XML の互換仕様が現在の標準です。 XMLに変換します。本書のコードは XHTML 互換性に基づいているため、XHTML を Web プロジェクトにも適用することをお勧めします。フォームの作成と処理は、PHP 開発者にとって重要な能力指標です。次にフォームのデザイン方法を紹介していきます。
フォームは、Web アプリケーションで最も一般的に使用されるコンポーネントであり、送信ボタンとその他の関連要素で構成されます。フォームは、ユーザーの登録、銀行口座の入力、ログインなどの機能を実装するためにさまざまな分野で使用されます。
フォームは開始タグとして
を使用し、
で終わります。それ以外の場合は効果がありません。 HTML ページでは複数のフォームが許可されており、作成時にフォームの名前とフォーム ID がそれらの区別として使用されます。
以下は最も単純なフォームです。コードは次のとおりです:
このフォームはブラウザに「送信」ボタンのみを表示します。クエリの内容" "言葉にあまり意味はありません。データを送信して完全なフォームを形成したい場合は、次の形式に示すように、アクションとメソッドという 2 つの重要な属性タグを
タグに追加する必要があります:
ここで、アクション タグは、処理結果を受け取るファイルの場所を参照します。アクションの値が空の場合、現在のファイル自体に送信されます。アクション値が他のファイルまたは URL である場合は、それをファイルまたは URL アドレスに送信して処理します。
method タグは、データを送信するときに使用されるメソッドを記述します。メソッド属性が設定されていない場合、または属性が空の場合、ブラウザーはデフォルトで POST メソッドを使用します。
POSTフォームの処理方法は次のとおりです。
例 5-1: getPasswd.php – POST フォームによって送信された値を受け入れる
$action = $_SERVER['PHP_SELF']
if ($_SERVER['REQUEST_METHOD'] == 'POST' ) {
echo 'POST メソッドを使用してフォーム値を渡す';
echo "$_POST[email]";
}
?>
ブラウザでフォームまたはデータをサーバーに送信する場合は、GET メソッドまたは POST メソッドを使用できます。 GET メソッドは、URL にアクセスするときにブラウザーのアドレス バーを使用して値を渡します。この種の URL 文字列は多くの Web サイトで見られます。図 5-1 に示されているのは、GET メソッドを使用してパラメータを渡すことです。
エラーが発生しやすく、GET で渡される文字列の長さは 250 文字を超えることはできません。文字が長すぎる場合、ブラウザーが自動的に文字を切り捨て、データが失われます。さらに、GET メソッドは ASCII 文字以外の文字をサポートしていません。たとえば、中国語の文字やその他の非 ASCII 文字が含まれている場合は、追加のエンコード操作が必要になりますが、ブラウザによって自動的にエンコード処理が完了する場合もあります ( url_encode 関数と url_decode 関数を使用します。メソッドの詳細については、セクション 2.9.2 を参照してください)。
POST メソッドが可変データを送信する場合、HTTP プロトコルによれば、データはヘッダーのヘッダー情報に添付され、ユーザーが自由に変更することはできません。これは Web アプリケーションにとってより安全です。また、POST を使用すると、大量のデータを Web サーバーに送信できます。
POST は HTTP ヘッダー情報とともに送信されるため、POST フォームの送信がトリガーされたときに、ユーザーがページの閲覧中に「戻る」ボタンをクリックした場合、ブラウザーは POST データを自動的に再送信しません。この時点でユーザーが「更新」ボタンをクリックすると、「データの有効期限が切れました。フォームを再送信しますか?」というプロンプトが表示されます。これは GET ほど便利ではありません。 GET を使用して値を渡す場合、ユーザーが「戻る」または「更新」ボタンを使用しても、ブラウザーの URL アドレスは引き続き存在します。
そのため、開発時には実際のアプリケーションに応じてフォームデータを送信するためにGETとPOSTを柔軟に選択する必要があります。
HTML にフォーム終了タグがない場合、フォーム全体が送信アクションをトリガーしないことに注意してください。実際の開発中に、ボタンをクリックしても何も起こらないことに気づく人もいます。実際には、HTML 文字が 1 つ欠けているだけでもブラウザが機能しないことがあります。
5.4 フォーム要素
フォームには十数個のタグ要素が使用されており、PHP 開発で一般的に使用される重要なタグを表 5-1 に示します。
表 5-1
フォーム要素の説明
input type="checkbox" チェックボックス。ユーザーは複数のオプションを選択できます。
input type="file" ファイル参照ボックス。ファイルのアップロード時にモーダル ウィンドウを開くために使用できます。ファイルを選択します
input type="hidden" 隠しラベル、変数値を暗黙的にフォームに送信するために使用されます
input type="password" パスワード テキスト ボックス、ユーザーがテキスト ボックスに文字を入力すると、置き換えられ、* 番号として表示されます。
input type="radio" 単一オプション。オプションのセットを設定するために使用されます。ユーザーは 1 つの
input type="reset" を選択するだけで、フォームのコンテンツをクリアおよびリセットできます。フォーム内のすべてのテキスト ボックスの内容と選択メニュー項目を初期値に戻します
input type="submit" フォーム送信ボタン
input type="text" 単一行テキスト ボックス
select ドロップダウン リスト ボックス、単一選択または複数選択できます。デフォルトは単一選択です。複数選択機能を追加する場合は、

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









ログイン画面に「組織から PIN の変更を求められています」というメッセージが表示されます。これは、個人のデバイスを制御できる組織ベースのアカウント設定を使用しているコンピューターで PIN の有効期限の制限に達した場合に発生します。ただし、個人アカウントを使用して Windows をセットアップした場合、エラー メッセージは表示されないのが理想的です。常にそうとは限りませんが。エラーが発生したほとんどのユーザーは、個人アカウントを使用して報告します。私の組織が Windows 11 で PIN を変更するように要求するのはなぜですか?アカウントが組織に関連付けられている可能性があるため、主なアプローチはこれを確認することです。ドメイン管理者に問い合わせると解決できます。さらに、ローカル ポリシー設定が間違っていたり、レジストリ キーが間違っていたりすると、エラーが発生する可能性があります。今すぐ

Windows 11 では、新鮮でエレガントなデザインが前面に押し出されており、最新のインターフェイスにより、ウィンドウの境界線などの細部をカスタマイズして変更することができます。このガイドでは、Windows オペレーティング システムで自分のスタイルを反映した環境を作成するのに役立つ手順について説明します。ウィンドウの境界線の設定を変更するにはどうすればよいですか? + を押して設定アプリを開きます。 Windows [個人用設定] に移動し、[色の設定] をクリックします。ウィンドウの境界線の色の変更設定ウィンドウ 11" width="643" height="500" > [タイトル バーとウィンドウの境界線にアクセント カラーを表示する] オプションを見つけて、その横にあるスイッチを切り替えます。 [スタート] メニューとタスク バーにアクセント カラーを表示するにはスタート メニューとタスク バーにテーマの色を表示するには、[スタート メニューとタスク バーにテーマを表示] をオンにします。

デフォルトでは、Windows 11 のタイトル バーの色は、選択したダーク/ライト テーマによって異なります。ただし、任意の色に変更できます。このガイドでは、デスクトップ エクスペリエンスを変更し、視覚的に魅力的なものにするためにカスタマイズする 3 つの方法について、段階的な手順を説明します。アクティブなウィンドウと非アクティブなウィンドウのタイトル バーの色を変更することはできますか?はい、設定アプリを使用してアクティブなウィンドウのタイトル バーの色を変更したり、レジストリ エディターを使用して非アクティブなウィンドウのタイトル バーの色を変更したりできます。これらの手順を学習するには、次のセクションに進んでください。 Windows 11でタイトルバーの色を変更するにはどうすればよいですか? 1. 設定アプリを使用して + を押して設定ウィンドウを開きます。 Windows「個人用設定」に進み、

Windows インストーラー ページに「問題が発生しました」というメッセージとともに「OOBELANGUAGE」というメッセージが表示されますか?このようなエラーが原因で Windows のインストールが停止することがあります。 OOBE とは、すぐに使えるエクスペリエンスを意味します。エラー メッセージが示すように、これは OOBE 言語の選択に関連する問題です。心配する必要はありません。OOBE 画面自体から気の利いたレジストリ編集を行うことで、この問題を解決できます。クイックフィックス – 1. OOBE アプリの下部にある [再試行] ボタンをクリックします。これにより、問題が発生することなくプロセスが続行されます。 2. 電源ボタンを使用してシステムを強制的にシャットダウンします。システムの再起動後、OOBE が続行されます。 3. システムをインターネットから切断します。 OOBE のすべての側面をオフライン モードで完了する

タスクバーのサムネイルは楽しい場合もありますが、気が散ったり煩わしい場合もあります。この領域にマウスを移動する頻度を考えると、重要なウィンドウを誤って閉じてしまったことが何度かある可能性があります。もう 1 つの欠点は、より多くのシステム リソースを使用することです。そのため、リソース効率を高める方法を探している場合は、それを無効にする方法を説明します。ただし、ハードウェアの仕様が対応可能で、プレビューが気に入った場合は、有効にすることができます。 Windows 11でタスクバーのサムネイルプレビューを有効にする方法は? 1. 設定アプリを使用してキーをタップし、[設定] をクリックします。 Windows では、「システム」をクリックし、「バージョン情報」を選択します。 「システムの詳細設定」をクリックします。 [詳細設定] タブに移動し、[パフォーマンス] の下の [設定] を選択します。 「視覚効果」を選択します

Windows 11 のディスプレイ スケーリングに関しては、好みが人それぞれ異なります。大きなアイコンを好む人もいれば、小さなアイコンを好む人もいます。ただし、適切なスケーリングが重要であることには誰もが同意します。フォントのスケーリングが不十分であったり、画像が過度にスケーリングされたりすると、作業中の生産性が大幅に低下する可能性があるため、システムの機能を最大限に活用するためにカスタマイズする方法を知る必要があります。カスタム ズームの利点: これは、画面上のテキストを読むのが難しい人にとって便利な機能です。一度に画面上でより多くの情報を確認できるようになります。特定のモニターおよびアプリケーションにのみ適用するカスタム拡張プロファイルを作成できます。ローエンド ハードウェアのパフォーマンスの向上に役立ちます。画面上の内容をより詳細に制御できるようになります。 Windows 11の使用方法

多くのユーザーはスマートウォッチを選ぶときにファーウェイブランドを選択しますが、その中でもファーウェイ GT3pro と GT4 は非常に人気のある選択肢であり、多くのユーザーはファーウェイ GT3pro と GT4 の違いに興味を持っています。 Huawei GT3pro と GT4 の違いは何ですか? 1. 外観 GT4: 46mm と 41mm、材質はガラスミラー + ステンレススチールボディ + 高解像度ファイバーバックシェルです。 GT3pro: 46.6mm および 42.9mm、材質はサファイアガラス + チタンボディ/セラミックボディ + セラミックバックシェルです。 2. 健全な GT4: 最新の Huawei Truseen5.5+ アルゴリズムを使用すると、結果はより正確になります。 GT3pro: ECG 心電図と血管と安全性を追加

画面の明るさは、最新のコンピューティング デバイスを使用する上で不可欠な部分であり、特に長時間画面を見る場合には重要です。目の疲れを軽減し、可読性を向上させ、コンテンツを簡単かつ効率的に表示するのに役立ちます。ただし、設定によっては、特に新しい UI が変更された Windows 11 では、明るさの管理が難しい場合があります。明るさの調整に問題がある場合は、Windows 11 で明るさを管理するすべての方法を次に示します。 Windows 11で明るさを変更する方法【10の方法を解説】 シングルモニターユーザーは、次の方法でWindows 11の明るさを調整できます。これには、ラップトップだけでなく、単一のモニターを使用するデスクトップ システムも含まれます。はじめましょう。方法 1: アクション センターを使用する アクション センターにアクセスできる
