프로그래밍/HTML&CSS
form 태그
하와이블루
2022. 8. 23. 19:45
728x90
<form> 태그는 웹 페이지에서 사용자로부터 입력을 받을 때 사용하는 태그로, 사용자가 입력한 데이터를 서버로 보낼 때 form 요소를 사용한다.
<form> 태그는 몇가지 속성을 사용해서 입력 받은 자료를 서버로 전송시킬 방식과 서버에서 어떤 프로그램을 이용해여 처리할 것인지 지정할 수 있다.
form 태그 속성
method 속성
method는 사용자가 입력한 내용을 서버 프로그램으로 어떻게 넘겨줄 것인지 방식을 지정한다.
대표적으로 GET , POST방식이 존재하며, GET 방식은 서버로 보낼 데이터를 URL에 실어서 전달하는 방식이고 POST방식은 데이터를 BODY에 묶어 전달하는 방식이다.
<form method="post">
... 입력 요소
</form>
action 속성
action은 form 태그 안의 내용을 처리해 줄 서버를 지정하며, 도착지 URL를 입력한다.
<form method="post" action="regist.jsp>
... 입력 요소
</form>
name 속성
name은 자바스크립트를 활용하여 form을 제어할 때 사용할 form의 이름을 지정한다.
target 속성
target은 action 속성에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 한다. 새창 열기에 활용된다.
<fieldset>태그, <legend> 태그
<fieldset> 태그는 하나의 폼 안에서 여러 구열을 나누어 표시할 때 사용하며, <legend> 태그는 <fieldset> 태그로 묶은 그룹에 제목을 붙이는 역할을 한다.
<body>
<h2>상품 주문</h2>
<form action="#" method="post">
<fieldset>
<legend>상품 정보</legend>
</fieldset>
<fieldset>
<legend>배송 정보</legend>
</fieldset>
</body>
728x90