1. IDEA를 열고 새 HTML 파일을 만듭니다.
이름을 index01
로 지정합니다.
2. 다음으로 양식을 만듭니다. 사용자 이름과 비밀번호를 표시하고 각각의 이름을 지정하는 것입니다(나중에 사용됩니다)
여기서 양식을 만들 때 두 가지 속성을 지정합니다.
action: 양식의 서버 주소를 나타냅니다.
메소드: 제출 방법을 나타냅니다. 즉, get과 post의 두 가지 방법이 있습니다(자세한 소개는 아래 참조).
3. 다음으로 제출 버튼을 삽입하고 제출 작업을 수행합니다.
관련 권장사항 : "
php 입문 튜토리얼<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单与PHP的交互</title> </head> <body> <form action="" method="get"> 用户名:<input type="text" name="name"> 密 码:<input type="password" name="password"> <br/> <input type="submit" value="确认"> </form> </body> </html>
위와 같이 확인 버튼을 클릭하면 주소 표시줄의 이름과 비밀번호 값이 비어 있습니다(이 이름과 비밀번호는 지정된 이름입니다) 태그 속성을 삽입할 때);
이 경우 양식 중 하나가 성공적으로 생성되었지만 아직 서버와 상호 작용하지 않았습니다.
4. 다음으로 서버와 상호 작용하고 서버를 만들어야 합니다.
이전에 사용한 Service.php를 예로 들어
작업 결과는 hello world를 출력하는 것입니다. the web page
위 그림과 같이 IDEA에서 HTML 파일에 폼을 생성할 때 실행 결과의 주소를 action 속성에 복사해야 하는데, 이 주소를 통해 서버에 접근할 수 있음을 나타냅니다. .
HTML 파일을 다시 실행하고 확인 버튼을 클릭하세요.
실행 결과는 PHP 실행 환경으로 점프하고 PHP 실행 결과를 반환하여 PHP와 HTML 간의 초기 상호 작용을 완료합니다.
그런 다음 PHP 환경에서 스크립트를 정렬해 보겠습니다.
Eclipse에서 스크립트를 다음과 같이 수정합니다.
<?php echo "用户名:".$_GET['name']."<br>密码:".$_GET['password'];
여기 코드는 PHP의 구문입니다. 여기서
는 문자열 연결을 나타냅니다. ['name']: 여기서 사용되는 get 메소드는 HTML에서 양식을 작성할 때 get 메소드를 사용하기 때문에 여기서 이름과 비밀번호는 HTML의 해당 이름 속성 값과 일치합니다.
변경이 완료되면 HTML을 다시 실행하고 다음과 같이 사용자 이름과 비밀번호를 입력합니다.
확인 버튼을 클릭하여 제출하면 다음과 같습니다. 보시다시피 , 런타임 중에 잘못된 문자가 나타납니다. 문제는 문자 집합의 문제를 조정해야 한다는 것입니다.Eclipse를 다음과 같이 입력합니다.
문자 집합을 utf-8로 설정 HTML 파일을 실행합니다. 다시 실행하면 다음 결과가 나타납니다. 사용자 이름과 비밀번호를 입력하고 확인 버튼을 클릭하여 제출하면 세부 정보를 볼 수 있습니다. 입력한 사용자 이름과 비밀번호 정보가 다음과 같이 주소 표시줄에 나타납니다.
이는 이용자의 개인정보에 위협이 됩니다. 그런 다음 제출 방법을 변경해 보겠습니다. 이전에는 get을 사용했지만 이제는 게시로 변경합니다.
먼저 HTML에서 게시 방법으로 제출 방법을 변경합니다.
그런 다음 Eclipse에서 PHP 스크립트 언어의 값 방법을 수정합니다. 또한 게시물의 경우:
다시 실행합니다.
여기 사용자 이름과 비밀번호 정보가 더 이상 주소 표시줄에 표시되지 않는 것을 볼 수 있습니다. 이는 두 가지 제출 방식의 차이점으로, 실제 지원 과정에서 구별되어야 할 부분입니다.
게시물이 받는 것보다 훨씬 안전합니다. 게다가 주소의 길이는 너무 길면 안되기 때문에 get의 길이에는 제한이 있지만 게시할 수는 없습니다. post 메소드는 리소스 위치를 찾을 수 없지만, get 메소드는 리소스 위치를 찾을 수 있습니다.
위 내용은 HTML 양식을 PHP에 연결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!