HTML - 입력양식 form태그와 그 속성 - 입력태그 (5)

HTML - 입력양식 form태그와 그 속성

입력태그 (5)

오늘은 HTML 마지막으로 

 앞서 배운 입력태그를 담는 form태그, 입력양식에 대해서 명확하게  

알아 보고 HTML 부분 포스팅을 넘어 가도록 하겠습니다.

(추후 HTML 태그가 더 추가되거나 바뀌지 않는 이상 여기서 마무리)

태그 기초부터 알아보기 전에  

압타나 스튜디오를 직접 설치 하시고 한번씩 따라해 보시기 바랍니다.

(백번 보는 것 보다 한번 살짝 타이핑 해보면 이해 되니! 꼭!)

(굳이 압타나 아니더라도 이클립스등 자신에게 맞는 HTML 툴이 있으시다면 사용하시기 바랍니다.)

form태그와 그 속성이란?

먼저 form태그란 사용자로부터 데이터를 받어서 서버로 넘기는데 사용되는 태그이며

입력양식을 이용하면 쇼핑몰 같은 곳에서 주문을 받을수도 있고 사용자의 피드백 또는 

입력양식에

채줘진 

데이터를 서버로 보낼 수 도 있습니다.

쉽게 말해 form태그는 기본적으로 사용자가 정보를 넣을 수 있는

입력 필드를 가지고 있는 웹 페이지이며 이 양식은 앞서 배운 input 태그를 의미 합니다.

즉 form태그를 안에 input태그를 이용해 모든 내용이 작성 되어 이 데이터를 제출하게되면 

한꺼번에 데이터가 포장되어 

한꺼번에 전달이 되고 이렇게 보내진 데이터는

최종적으로 서버에 존재하는 어떠한 스크립트에 의해서 처리가 되는 방식입니다. ^^

<form action="xxx.jsp" method="post">

<input type="text" name="input">

<input type="submit" />

</form>

<form태그 사용법>

위 form태그는 앞서 입력태그 포스팅에서 본 적이 있을 것입니다.

위에서 말했듯 사용법은 input 의 입력 필드를 감싸주는 역활로 사용하며

속성인 action과 method가 있으며 이 내용은 아래와 같습니다.

action : 입력을 처리하는 서버 스크립트 주소를 적는 곳 입니다.

method : 입력 데이터가 서버로 보내지는 방법을 적는 곳으로 이 데이터가

GET방식 인가 POST방식인가를 기입 하는 곳 입니다.

- GET, POST 방식 간략 설명 -

GET방식 : GET 방식이란 URL 주소 뒤에 파라미터를 붙여서 데이터를 전달하는 방식 입니다.

POST방식 : POST 방식은 사용자가 입력한 데이터를 URL 주소에 붙이지 않고 

HTTP Request 헤더에 포함시켜서 전송하는 방식 입니다.

여기까지 HTML 마지막  form태그와 그 속성에 

관련된 내용에

대해서 알아 보았습니다.

이 다음 포스팅은 CSS3 (스타일 시트)에 관련된 내용에 대해서

간략하게 조금씩 알아 보도록 하겠습니다. ^^