button 태그 / method="get" / method="post"

1. 버튼 모양을 나타내기 위한 태그

<button> </button>

 

2. 버튼 태그에서 전송(Submit) 액션용 속성은?

type속성의 submit타입

type="submit"

<button type="submit"> </button>

 

3. 현재 폼에 입력된 데이터를 모두 초기화하는 태그의 타입은?

type태그 reset 타입

<button type="reset"></button>

 

method가 get일때와 post일 때의 차이 비교

 

method="get"일 때

다음의 소스를 입력하여 브라우저에 하단 페이지를 띄운 뒤

이름과 전화번호란에 내용을 입력하면

URL에 입력한 내용이 나타난다.

 

method="post"일 때

action=""의 ""안에는 서버측에서 무언가를 해야하기에 ""안에 파일이 있어야한다.

post방식은 전송한 정보를 쿼리형태로 URL에 나타내지 않으므로 URL이 길어지지 않는다.

밑줄친 action의 값에 하단의 소스로 구성된 php파일을 입력했다.

이 php파일을 통해

웹에 "이름, 전화번호"값을 입력하고 제출하면 알아서 이름과 전화번호 값을 찾아서

php에 입력한 소스에 맞게 띄워준다.

(사용자가 서버로 부터 성공적으로 응답을 받았을 때 php소스대로 나타난다.)

다음은 "이름, 전화번호"값을 제출하고 난 뒤 서버로부터 성공적으로 응답을 받은 화면이다.