HTML form tag 속성
■ 웹페이지는 많은 요소들로 이우어져 있지만, 빠지지 않고 꼭 들어가 있는 요소가 <form>요소입니다. 로그인 화면이나 주문서 화면 등 사용자의 정보를 입력하는 곳은 모두 form으로 이루어져 있다고 생각하시면 되는데요.
이런 로그인 화면이 대표적인 form 태그의 요소로 이루어져 있습니다. 앞으로 당분간은 이 form 태그의 요소들을 하나씩 정리할 텐데요. 이번 글에서는 form 태그의 개념과 속성만 살펴보겠습니다.
■ form 태그에서 이루어지는 대부분의 행동은 사용자의 정보를 입력받아서 서버로 보내서 데이터와 비교 한 후 결과 값을 브라우저에 출력하는 동작을 하는데요. 여기서는 HTML 문서에서 form 태그를 이용해서 입력양식을 만드는 부분만 알아볼게요. form 태그를 사용하는 형식은 다음과 같습니다.
<form action="register.php" method="post">
요소 1
요소 2
요소 3
</form>
■ 속성으로 action과 method를 사용하고 있는데요. action은 서버에 있는 스크립트 파일을 지정하는 역하을 합니다. 그리고 method는 전송할 방식인데요. [get]도 있지만 전송량에 한계가 있어서, 대부분 [psot]를 사용합니다.
■ 그 밖에도 'name' 속성은 하나의 HTML 안에 여러 개의 form이 있을 경우에 서로를 구분하기 위해서 사용하고, target 속성은 action에서 지정한 스크립트 파일이 현재 창이 아닌 다른 곳에서 열리도록 지정하는 역할을 합니다.
마지막으로 form 태그에 몇 가지 요소를 넣어서 간단한 폼을 만들어서 형태만 살펴보고, 다음 글에서부터 제대로 하나씩 넣어가면서 만들어보겠습니다.
■ intput 태그를 이용해서 몇 가지 요소를 넣어봤는데요. 이런 형식으로 넣는다는 것만 알고, 다음 글부터 속성을 하나씩 다듬어 가면서 제대로 된 form을 만들어보겠습니다.
