-
form 태그프로그래밍/HTML&CSS 2022. 8. 23. 19:45728x90
<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'프로그래밍 > HTML&CSS' 카테고리의 다른 글
CSS 들어가기 (0) 2022.08.25 input 태그 (1) 2022.08.24 iframe(아이프레임) (0) 2022.08.22 하이퍼링크 태그 (0) 2022.08.21 테이블(table) 태그 (0) 2022.08.21