フォームは、動的 Web ページを実装するための主要な外部フォームであり、クライアントによって送信された情報を収集するために使用できます。フォームは Web サイトのインタラクションの重要な部分です。
このセクションでは、前の章の例で紹介したフォームに関連するさまざまなコンポーネントを統合して、すべてのコンポーネントの包括的なアプリケーションを一緒に実現する包括的な例を提供します。主に前章の「通常のWEBページにフォームを挿入する」をベースに、PHPコードを使用してform要素の値を取得します。 POST() メソッドを通じて各コンポーネントの値をこのページに送信し、$_POST を通じて送信された値を取得します。
具体的な操作手順は次のとおりです:
(1) フォームの HTML ページのデザインは次のとおりです。コードを直接入力します:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="index.php" method="post" name="form1" enctype="multipart/form-data">
<table width="400" border="1" cellpadding="1" bgcolor="#999999">
<tr bgcolor="#FFCC33">
<td width="103" height="25" align="right">姓名：</td>
<td height="25">
<input name="user" type="text" id="user" size="20" maxlength="100">
</td>
</tr>
<tr bgcolor="#FFCC33">
<td height="25" align="right">性别：</td>
<td height="25" colspan="2" align="left">
<input name="sex" type="radio" value="男" checked>男
<input name="sex" type="radio" value="女" >女
</td>
</tr>
<tr bgcolor="#FFCC33">
<td width="103" height="25" align="right">密码：</td>
<td width="289" height="25" colspan="2" align="left">
<input name="pwd" type="password" id="pwd" size="20" maxlength="100">
</td>
</tr>
<tr bgcolor="#FFCC33">
<td height="25" align="right">学历：</td>
<td height="25" colspan="2" align="left">
<select name="select">
<option value="专科">专科</option>
<option value="本科" selected>本科</option>
<option value="高中">高中</option>
</select>
</td>
</tr>
<tr bgcolor="#FFCC33">
<td height="25" align="right">爱好：</td>
<td height="25" colspan="2" align="left">
<input name="fond[]" type="checkbox" id="fond[]" value="音乐">音乐
<input name="fond[]" type="checkbox" id="fond[]" value="体育">体育
<input name="fond[]" type="checkbox" id="fond[]" value="美术">美术
</td>
</tr>
<tr bgcolor="#FFCC33">
<td height="25" align="right">照片上传：</td>
<td height="25" colspan="2">
<input name="image" type="file" id="image" size="20" maxlength="100">
</td>
</tr>
<tr bgcolor="#FFCC33">
<td height="25" align="right">个人简介：</td>
<td height="25" colspan="2">
<textarea name="intro" cols="30" rows="10" id="intro"></textarea>
</td>
</tr>
<tr align="center" bgcolor="#FFCC33">
<td height="25" colspan="3">
<input type="submit" name="submit" value="提交">
<input type="reset" name="reset" value="重置">
</td>
</tr>
</table>
</form>
</body>
</html>フォームには共通のフォーム要素が含まれています: 単一行のテキスト ボックス、 複数行行テキスト ボックス、単一行テキスト ボックス オプション (ラジオ)、複数のオプション (チェックボックス)、および複数選択メニュー。
リスト ボックスはリスト メニューであり、その名前付きの属性には選択できる独自の値があります。 Selected は特定の属性選択要素です。オプションがこの属性に関連付けられている場合、その項目は表示時に最初の項目としてリストされます。
イントロテキストボックスのコンテンツには、行と列に応じてテキスト、行、列の幅が表示されます。
チェックされたタグは、デフォルトで選択されている単一オプションおよび複数オプションの特定の値を参照します。
(2) フォームに入力されたさまざまな送信データを現在のページに出力するために、フォームから送信されたデータを処理します。 コードは次の形式です:
<?php
if($_POST['submit']!= ""){ //判断是否提交了表单
echo "您的个人简历为：".'<br>';
echo "姓名：".$_POST['user'].'<br>'; //输出用户名
echo "性别：".$_POST['sex'].'<br>'; //输出性别
echo "密码：".$_POST['pwd'].'<br>'; //输出密码
echo "学历：".$_POST['select'].'<br>'; //输出学历
echo "爱好：";
for($i=0;$i<count($_POST["fond"]);$i++){ //获取爱好的复选框的值
echo $_POST["fond"][$i].' ';
}
echo "<br>";
$path = './upfiles/'.$_FILES['image']['name']; // 指定上传的路径和文件名
//move_uploaded_file($_FILES['image']['img_name'],$path); //上传文件
echo "照片："."$path".'<br>'; //输出个人照片的路径
echo "个人简介：".$_POST['intro']; //输出个人简介的内容
}
?>注: PHP 中国語 Web サイトを参照してください。ファイルや画像をアップロードするためのファイルです。php $_FILES 詳細説明
(3) 上記の例では、アップロードされたファイルを保存するための upfiles フォルダーをルート ディレクトリに作成します。
(4) ブラウザに実行中のアドレスを入力し、Enter キーを押すと、以下に示すような実行結果が表示されます。
概要: 上記は PHP と WBE フォームの包括的なアプリケーションです。友達はもっと練習する必要があります。これらの技術的なポイントをマスターすると、フォームをより自由に適用できるようになります。つまり、動的なページを開発する能力がすでに備わっており、PHP 言語をさらに深く学習するための優れた基礎が築かれています。
以上が現在のページのデータを取得するための PHP フォーム送信のためのシンプルで包括的なアプリケーションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
