본문 바로가기
Program/오래된 PHP 게시판

[PHP]간단한 검색사이트 만들기 1부

by 한빛가람 2013. 1. 20.
반응형

안녕하세요. 필자입니다. 오늘은 엄~~청 간단한 검색사이트를 만들거에요.


검색엔진 아니고요 php변수에 원하는값이 들어가면 출력되게 할겁니다. 지금부터 시작할게요.


먼저 디자인을 준비합니다.


제가 디자인을 드릴게요.


 


이 모양으로 진행할게요.


소스는

<div id="logo" style="color:rgb(121, 165, 228); width:100%; text-align:center"><h1>검색사이트 입니다.</h1></div>

<!--여긴 설명 생략-->

<input type="text" name="search"style="border: 10px solid rgb(121, 165, 228); background-color: rgb(219, 232, 251); padding: 10px;">


일단 기억만 해두세요. input = 입력 type=종류 text = 택스트상자 style = 스타일시트 CSS


그다음 검색버튼을 만들어야하기때문에 이렇게 입력합니다.


<input type="submit" value="검색">


그러면 대충 이런모양을 잡게됩니다.




 



그러면 이제


폼을 작성해야 합니다.


폼 작성방법은 다음과 같은데요


<form method="get" action="search.php">


</form>


그전의 변수강의를 보신분은 알겁니다.


GET방식으로 값을 보내어 흔히 네이버처럼 


http://search.naver.com/search.naver?ie=UTF-8&query=이동마이의 컴퓨터 하루 방식이 됩니다.


반면 POST방식은



<form method="post" action="search.php">


</form>


방식이 되겠죠.


흔히 개인정보를 보내는 방식이 됩니다.


그후


<form method="get" action="search.php">

<div id="logo" style="color:rgb(121, 165, 228); width:100%; text-align:center"><h1>검색사이트 입니다.</h1></div>

<input type="text" name="search"style="border: 10px solid rgb(121, 165, 228); background-color: rgb(219, 232, 251); padding: 10px;">

<input type="submit" value="검색">

</form>

방식으로 폼을 작성합니다.


이제 첫번째 페이지는 끝났는데요. 두번째 페이지 search.php를 만들어야합니다.


search.php페이지는 참으로 간단합니다.


<form method="get" action="search.php">

<div id="logo" style="color:rgb(121, 165, 228); width:100%; text-align:center"><h1>검색사이트 입니다.</h1></div>

<input type="text" name="search"style="border: 10px solid rgb(121, 165, 228); background-color: rgb(219, 232, 251); padding: 10px;" value="<?php echo $_GET[search]; ?>">

<input type="submit" value="검색">

</form>

<br>

<?php

echo "당신이 검색한 검색결과는 <br>";

echo $_GET[search];

echo "입니다.";

?>


그러면 강의는 여기서 마칠게요.





   


아래의 손가락버튼을 눌러주시면 블로그에 큰 힘이 됩니다.







반응형
크리에이티브 커먼즈 라이선스
한빛가람 필자가 게시한 대부분의 블로그 게시물은 크리에이티브 커먼즈 저작자표시-비영리-동일조건변경허락 4.0 국제 라이선스에 따라 이용할 수 있습니다. 게시물에 CCL이 적용되지 아니하다고 적혀있는 경우엔 본 라이선스 적용 대상이 아닙니다.

댓글