• 목차

1 폼 삽입하기

폼의 동작방식

→ 텍스트 박스나 버튼 같은 폼 형태를 HTML 태그로 만들면, 폼에 입력한 사용자 정보는 ASP나 PHP, JSP같은 서버 프로그래밍을 이용해 처리됨!

폼을 만드는 <form> 태그

<aside> 💡 <form [속성=”속성값"]>여러 폼 요소</form>

</aside>

<form>태그의 속성

• get : 데이터를 256~4096byte까지만 서버로 넘길 수 있음. 주소 표시줄에 사용자가 입력한 내용이 그대로 드러남.
• post : 입력한 내용의 길이에 제한받지 않고 사용자가 입력한 내용도 드러나지 않음. | | name | 자바스크립트로 폼을 제어할 때 사용할 폼의 이름을 지정함. | | action | <form> 태그 안의 내용을 처리해 줄 서버 프로그램을 지정함. | | target | action 속성에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록함. |

예시 ) 폼에 내용을 입력하고 서버로 전송했을 때 서버에 있는 register.php를 실행할 때

<form action="regiter.php">
	//폼요소
</form>

자동완성 기능을 나타내는 autocomplete 속성

자동완성 기능 : 폼에서 내용을 입력할 때 예전에 입력한 내용을 자동으로 표시해주는 것.

autocomplete속성을 사용하며 default 값은 “on” 상태.

매우 중요한 개인정보나 인증정보와 같은 일회성 정보를 입력할 때에서는 이속성을 off로 지정해주는 것이 좋음.

폼 요소를 그룹으로 묶는 <fieldset>, <legend> 태그

<fieldset> 태그

하나의 폼 안에서 여러 구역을 나누어 표시할 때

<fidldset [속성="속성값"]></fieldset>