<form> 태그
: 사용자로부터 다양한 형태의 데이터를 입력받기 위해 필요한 입력 요소들을 담는 컨테이너
° 입력요소는 <form> 태그 내에서 사용해야 함
- 입력 요소 -> <input>, <select>, <textarea> 등
° 결과 화면에서는 아무것도 표시되지 않음
<form action="URL" method="전송방식" ...>
(<input> , <textarea>, <select> 등>
</form>
주요 속성
1. action="URL" - 데이터를 전달받아 처리할 페이지의 URL 지정
2. method="전송방식" - 데이터 전송에 사용하는 HTTP 방법을 지정
method="get" 또는 method"post"
3. 그 외 - name(폼이름), accept-charset(문자 인코딩 방식), autocomplete(자동완성기능),
enctype(method="post"일 때 데이터 인코딩 방식), novalidate(데이터의 유효성 검사하지 않음),
target(처리결과를 보여줄 창)
<form> method 속성 값
| method="get" | method="post" | |
| 전송 형태 | • 기본 값 폼 데이터가 이름과 값의 쌍 형태로 URL에 포함되어 전송 • "URL?name=value&name=value" |
• HTTP Request 헤더속에 포함시켜 전송 |
| 데이터 길이 | 최대 2048 글자(4096 바이트) | 제약없음 |
| 보안 | • 보안이 중요하지 않은 데이터 (예:검색어) 전달에 사용 • '이전 페이지' 버튼을 통한 이동 가능 |
• 보안이 필요한 로그인 정보, 회원 정보 등의 전송에 사용 • '이전 페이지' 를 누르면 데이터를 다시 보내야 한다는 경고가 표시 |
<body>
<form action="login.jsp" method="post">
아이디: <input type="text" name="id"><br><br>
비밀번호: <input type="password" name="pwd"><br><br>
<input type="submit" value="로그인">
</form>
</body>
'WEB > HTML' 카테고리의 다른 글
| <textarea>태그 (0) | 2021.04.15 |
|---|---|
| HTML - input 태그 (0) | 2021.04.15 |
| 태그 활용 (0) | 2021.04.14 |
| HTML - 멀티미디어 표현 (0) | 2021.04.14 |
| HTML 태그 정리 (0) | 2021.04.14 |
