html로 회원가입 페이지를 만들때 주로 사용 한다. 다른 곳에서도 사용 가능한 기능이다.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> 실습을 해보자 </title> <!-- title은 화면에 보이지 않는다. 인터넷 창 텝에 적혀 있다.-->
<header>
<h1> 이름과 직장을 적을 수 있다. </h1>
<hr>
</header>
</head>
<body>
<form method="get" action="2.html"> <!-- form 가장 밑에 버튼을 만들어 버튼을 누르면 2.html 파일로 작성한 내용을 보낼 수 있다. 지금 만든 웹페이지와 같은 위치에 2.html 이 존해 해야지 보낼 수 있다. -->
<p><label>이름: <input name="name" /></label></p>
<p><label>직장: <input type="work" name="work" /></label></p>
<p><button type="submit">보내기</button></p>
</form>
</body>
</html>
보내기 버튼을 누르면 2.html 로 전송 된다.
전송 확인을 위한 페이지를 만들어 보자.
단, 아주 중요하다. 지금 밑으로 작성한 내용의 페이지는 반드시 2.html 이라는 이름으로 저장 하여서 작성 하여야 한다.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> 실습을 해보자 </title>
<header>
<h1> 위에서 만든 페이지에서 지금 페이지로 이동 </h1>
<hr> <!-- 결과 사진에 보듯 제목 후 줄을 한줄 추가 했다. 구분 선을 그어 보았다.-->
</header>
</head>
<body>
<h1>인터넷 주소창을 확인하면 값이 적혀 있다. </h1>
</body>
</html>
get 방식으로 넘긴 것이다.form에서 post와 get 방식이 있다.
get 방식은 입력한 내용을 url에 표시하고, 데이터 크기에 제한있다. 많은 양을 보낼수가 없다.
post 방식은 많은 내용을 보낼 수 있다.
그래서 우리가 만든 페이지에서 보면 인터넷 주소창을 보면 입력한 내용이 적혀 있을 것이다.
이러한 기능들을 이용하여 회원가입 페이지를 만들기도 하고 일정을 만들기도 하며, 여러가지 기능에 사용 되고 있다.
지금은 단순한 html 만을 이용하였지만, jsp, 자바스크립트, php 등등 다른 언어를 함께 사용 한다면, 내용을 주고 받을 때 이용하기 좋을 것이다.
php 를 주로 이용하고 있는데, 웹페이지를 검색 하다 보면, php로 만들어진 사이트가 많을 것이다.
어디에서나 사용 중이다.
우리는 단순하게 만들었지만. 동적인 기능을 넣고 하기 위해서는 필요한 개발 언어 이기도 하다.
단순에서 복잡으로 넘어 간다면, 은행 업무를 위한 사이트도 만들어지고, 경매, 물품 구매, 데이터 관리 무궁 무진한 곳에서 사용 된다.
시간이 된다면, 공부하여 php 전문가를 생각 하는것도 좋은 일자리가 아닐까 생각 한다.
'컴퓨터 각종 정보' 카테고리의 다른 글
| html css 공부 (0) | 2022.05.08 |
|---|---|
| 컴퓨터 관련 일자리 알아보기 (0) | 2022.05.07 |
| html 간단한 자기 소개 페이지 만들기 (0) | 2022.05.07 |
| php 함수 설명 (0) | 2022.05.06 |
| php 배열 공부 (0) | 2022.05.06 |
댓글