양식은 동적 웹 페이지를 구현하는 주요 외부 형식입니다. 양식은 고객이 제출한 정보를 수집하는 데 사용할 수 있습니다. 양식은 웹사이트 상호작용의 중요한 부분입니다.
이 섹션에서는 이전 장 예제에서 소개된 형식과 관련된 다양한 구성 요소를 통합하여 모든 구성 요소를 함께 포괄적으로 적용하는 포괄적인 예제를 제공합니다. 주로 이전 장의 "일반 웹 페이지에 양식 삽입"을 기반으로 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!