양식은 동적 웹 페이지를 구현하는 주요 외부 형식입니다. 양식은 고객이 제출한 정보를 수집하는 데 사용할 수 있습니다. 양식은 웹사이트 상호작용의 중요한 부분입니다.
이 섹션에서는 이전 장 예제에서 소개된 형식과 관련된 다양한 구성 요소를 통합하여 모든 구성 요소를 함께 포괄적으로 적용하는 포괄적인 예제를 제공합니다. 주로 이전 장의 "일반 웹 페이지에 양식 삽입"을 기반으로 PHP 코드를 사용하여 양식 요소의 값을 가져옵니다. 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>이 양식에는 공통 항목이 포함되어 있습니다. 양식 요소: 한 줄 텍스트 상자, 여러 줄 텍스트 상자, 단일 옵션(라디오), 다중 옵션(체크박스) 및 다중 선택 메뉴.
목록 상자는 목록 메뉴이며 이름이 지정된 속성 은 고유한 선택 값을 갖습니다. 선택됨은 특정 속성 선택 요소입니다. 이 속성과 함께 옵션이 첨부되면 해당 항목이 표시될 때 첫 번째 항목으로 나열됩니다.
소개 텍스트 상자의 내용은 행과 열에 따라 텍스트, 행 및 열 너비를 표시합니다.
체크된 태그는 기본적으로 선택되어 있는 단일 옵션과 다중 옵션의 특정 값을 의미합니다.
(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 중국어 홈페이지 php $_FILES 상세설명
을 참고하세요. (3) 위 예시의 루트 디렉터리에 upfiles 폴더를 생성하여 업로드한 내용을 저장합니다. 파일.
(4) 브라우저에 실행 주소를 입력하고 Enter 키를 누르면 아래와 같이 실행 결과가 나옵니다.
요약: 그게 다입니다. PHP 및 WBE 양식을 포괄적으로 적용하려면 친구들이 이러한 기술적 사항을 숙지한 후에는 양식을 보다 자유롭게 적용할 수 있으며 이는 동적 페이지를 개발하고 다음 단계를 위한 좋은 기반을 마련할 수 있음을 의미합니다. PHP 언어를 심도있게 학습합니다.
위 내용은 현재 페이지에 대한 데이터를 얻기 위한 PHP 양식 제출을 위한 간단하고 포괄적인 애플리케이션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
