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

19503 단어 PHP Web 페이지 상호 작용

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

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

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

laravel에 yo에서 angularJs&coffeescript를 사용할 수 있도록 한다.

먼저 yo 명령을 사용할 수 있어야하므로 아래에서 설치 global에 설치한 곳에서 laravel의 프로젝트 루트로 이동. 클라이언트 코드를 관리하는 디렉토리를 만들고 이동합니다. 클라이언트 환경 만들기 이것으로 히...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

PHP 기반 사용자 로그 인 등록 기능 구현 에 대한 자세 한 튜 토리 얼

php+MySql 기반 학생 정보 관리 시스템 인 스 턴 스 구현

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다