[HTML] 브라우저에서 값(문자열)을 입력하고 전송하게 해주는 <form>태그

<form>태그는

브라우저에서 텍스트를 입력하고 지정한 URL로 값을 전송해주는 태그.

<form action="전송하고자하는주소" method="post">
	<p><input type="text" name="title"></p>
    <p>
        <textarea name="description"></textarea>
    </p>
    <p>
        <input type="submit">
    </p>
</form>

 

form태그의 프로세스를 간략하게 정리해보면...

첫번째 input 태그에서 type(형식)은 text박스(1줄짜리)로, name(입력값)은 title로 지정

다음 textarea 태그는 여러줄을 입력할 수 있는 텍스트 박스 생성, name(입력값)은 description으로 지정

마지막 input 태그에서 type(형식)은 submit 으로 제출버튼 생성

 

위와같이 입력하고 제출버튼을 클릭하면 form의 action이 활성화되면서 입력값을 전송하기 위한 주소가 필요하므로

action 뒤에 입력값을 전송하고자 하는 주소를 추가하고,

마지막으로 post방식으로 전송함으로써 전송하는 url 주소의 노출을 차단.