PHP 와 웹 페이지 의 상호작용 예시

머리말
이 노트 는 웹 폼 과 관련 된 작업 을 기록 하고 있 으 며,웹 폼 은 주로 웹 페이지 에서 서버 에 데 이 터 를 보 내 는 데 사용 된다.예 를 들 어 일상적인 개발 에서 등록 을 제출 할 때 폼 을 제출 해 야 한다.폼 은 클 라 이언 트 에서 서버 로 전송 되 고 서버 처 리 를 거 친 후에 사용자 가 필요 로 하 는 정 보 를 클 라 이언 트 에 전달 하여 PHP 와 웹 폼 의 상호작용 을 실현 해 야 한다.
양식

  <form>  ,             ,        。

    :

<form name="form_name" method="method" action="url" enctype="value" target="target_win">
…   //         
</form >
form 태그 의 속성 은 다음 표 와 같 습 니 다.
form 태그 의 속성
설명 하 다.
name
폼 이름
method
폼 제출 방식,GET 또는 POST 방법 설정
action
이 폼 페이지 의 URL 을 박스 에서 처리 합 니 다.
enctype
폼 내용 의 인 코딩 방식 을 설정 합 니 다.
target
정 보 를 되 돌려 주 는 디 스 플레이 설정

  (form)       。              :     <input>、     <select> <option>、     <textarea> 。
입력 필드 태그
입력 필드 태그는 폼 에서 가장 자주 사용 하 는 태그 중 하나 입 니 다.자주 사용 하 는 텍스트 상자,단추,체크 단추,체크 상자 등 은 완전한 폼 을 구성 합 니 다.
문법 형식 은 다음 과 같 습 니 다.

<form>
<input name="file_name" type="type_name">
</form>
매개 변수 name 은 입력 필드 의 이름 을 말 합 니 다.매개 변수 type 은 입력 필드 의 유형 을 말 합 니 다.
name 은 텍스트 상자 의 이름 입 니 다.value 는 텍스트 상자 의 기본 값 입 니 다.size 는 텍스트 상자 의 너비 이 고 maxlength 는 텍스트 상자 의 최대 입력 문자 수 입 니 다.id 를 통 해 텍스트 상자 의 값 을 가 져 올 수 있 습 니 다.
2、password

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
 />
<title>PHP    </title>

</head>
<body>
<form action="index.php" method="post" name="form1" enctype="multipart/form-data">
 <tr bgcolor="#FFCC33">
 <td width="103" height="25" align="right">   :</td>
 <td height="25" align="left">
 <input name="pwd" type="password" value="1234567" id="password" size="20" maxlength="100">
 </td>
 </tr>
</form>
<?php
header("Content-Type:text/html; charset=gb2312");
?>
</body>
</html>
실행 결과:
添加一个秘密域
암호 도 메 인,사용자 가 이 텍스트 상자 에 입력 한 문 자 는*디 스 플레이 로 바 뀌 어 보안 역할 을 합 니 다.
3、file

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
 />
<title>PHP    </title>

</head>
<body>
<form action="index.php" method="post" name="form1" enctype="multipart/form-data">
 <tr bgcolor="#FFCC33">
 <td width="103" height="25" align="right">   :</td>
 <td height="25" align="left">
 <input name="file" type="file" enctype="multipart/form-data" id="upfile" size="20" maxlength="200">
 </td>
 </tr>
</form>
<?php
header("Content-Type:text/html; charset=gb2312");
?>
</body>
</html>
실행 결과:
添加一个文件域
파일 도 메 인,파일 을 업로드 할 때 모드 창 을 열 어 파일 을 선택 할 수 있 습 니 다.그리고 파일 을 폼 을 통 해 서버 에 업로드 합 니 다.파일 을 업로드 할 때 폼 의 속성 enctype="multipart/form-data"를 가리 켜 야 업로드 기능 을 수행 할 수 있 습 니 다.
4、image

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
 />
<title>PHP    </title>

</head>
<body>
<form action="index.php" method="post" name="form1" enctype="multipart/form-data">
 <tr bgcolor="#FFCC33">
 <td width="103" height="25" align="right">   :</td>
 <td height="25" align="left">
 <input name="image" type="image" src="btn__details_praise_selected.png" id="img" width="40" height="40" border="0">
 </td>
 </tr>
</form>
<?php
header("Content-Type:text/html; charset=gb2312");
?>
</body>
</html>
실행 효과:
添加一个图像域
그림 필드 는 제출 단추 위치 에 사용 할 수 있 는 그림 을 말 합 니 다.이 그림 은 단추 기능 을 가지 고 있 습 니 다.
5、radio

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
 />
<title>PHP    </title>

</head>
<body>
<form action="index.php" method="post" name="form1" enctype="multipart/form-data">
 <tr bgcolor="#FFCC33">
 <td width="103" height="25" align="right">    :</td>
 <td height="25" align="left">
  <input name="sex" type="radio" value="1" checked> 
  <input name="sex" type="radio" value="0" > 
 </td>
 </tr>
</form>
<?php
header("Content-Type:text/html; charset=gb2312");
?>
</body>
</html>
실행 결과:
添加一组单选按钮
선택 단 추 를 누 르 면 선택 항목 을 설정 할 수 있 습 니 다.사용 자 는 하나만 선택 할 수 있 습 니 다.checked 속성 은 이 선택 단 추 를 설정 하 는 데 기본적으로 선 택 됩 니 다.
6、checkbox

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
 />
<title>PHP    </title>

</head>
<body>
<form action="index.php" method="post" name="form1" enctype="multipart/form-data">
 <tr bgcolor="#FFCC33">
 <td width="103" height="25" align="right">   :</td>
 <td height="25" align="left">
  <input name="checkbox" type="checkbox" value="1" checked>  
  <input name="checkbox" type="checkbox" value="1" checked>  
  <input name="checkbox" type="checkbox" value="1" >  
 </td>
 </tr>
</form>
<?php
header("Content-Type:text/html; charset=gb2312");
?>
</body>
</html>
실행 결과:
添加一组复选框
콤 보 상자,사용자 가 여러 개의 선택 항목 을 선택 할 수 있 도록 합 니 다.checked 속성 은 이 콤 보 상 자 를 설정 하 는 데 기본적으로 선택 되 었 습 니 다.
7、submit

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
 />
<title>PHP    </title>

</head>
<body>
<form action="index.php" method="post" name="form1" enctype="multipart/form-data">
 <tr bgcolor="#FFCC33">
 <td width="103" height="25" align="right">    :</td>
 <td height="25" align="left">
  <input name="submit" type="submit" value="  ">
 </td>
 </tr>
</form>
<?php
header("Content-Type:text/html; charset=gb2312");
?>
</body>
</html>
실행 결과:
添加一个提交按钮
폼 의 내용 을 서버 에 제출 합 니 다.
8、reset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
 />
<title>PHP    </title>

</head>
<body>
<form action="index.php" method="post" name="form1" enctype="multipart/form-data">
 <tr bgcolor="#FFCC33">
 <td width="103" height="25" align="right">    :</td>
 <td height="25" align="left">
  <input name="reset" type="reset" value="  ">
 </td>
 </tr>
</form>
<?php
header("Content-Type:text/html; charset=gb2312");
?>
</body>
</html>
실행 결과:
添加一个重置按钮
폼 의 내용 을 지우 고 초기 화 합 니 다.폼 의 모든 텍스트 상자 의 내용 을 지우 고 선택 한 메뉴 항목 을 초기 값 으로 복원 합 니 다.
9、button

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
 />
<title>PHP    </title>

</head>
<body>
<form action="index.php" method="post" name="form1" enctype="multipart/form-data">
 <tr bgcolor="#FFCC33">
 <td width="103" height="25" align="right">    :</td>
 <td height="25" align="left">
  <input name="button" type="button" value="  ">
 </td>
 </tr>
</form>
<?php
header("Content-Type:text/html; charset=gb2312");
?>
</body>
</html>
실행 결과:
提交一个普通按钮
단 추 를 누 르 면 폼 을 제출 하 는 동작 을 자극 할 수 있 습 니 다.사용자 가 폼 을 수정 해 야 할 때 폼 을 초기 상태 로 복원 하고 프로그램의 필요 에 따라 다른 역할 을 할 수 있 습 니 다.
10、hidden

<input type="hidden" name="  ">
숨겨 진 도 메 인 은 폼 에 변수 값 을 포함 하 는 방식 으로 제출 합 니 다.숨겨 진 도 메 인 은 페이지 에서 사용자 에 게 보이 지 않 습 니 다.숨겨 진 도 메 인 을 추가 하 는 목적 은 숨겨 진 방식 으로 정 보 를 수집 하거나 보 내 는 것 입 니 다.
도 메 인 태그

좋은 웹페이지 즐겨찾기