Form 태그
- 사용자가 입력하거나 또는 선택한 값을 서버 쪽으로 전달하기 위해서 쓰이는 태그
- 이 때 전달되는 값의 형식은 K:V형태
key : input태그의 name 속성값
value : input태그에 value 속성값(또는 input태그 내부에 작성된 값)
- 웹페이지에서 주로 로그인, 회원가입 등의 폼을 작성할 때 사용
<form태그의 속성>
method | 폼에 입력한 데이터를 서버로 전달할 때의 방식을 지정하는 속성 · GET : 입력한 데이터를 서버로 넘길 때 데이터 길이에 제한이 있으며, 사용자가 입력한 내용이 주소창에 그대로 드러나 보이게 전송하는 방식 · POST : 입력한 내용의 길이에 제한이 없으며, 사용자가 입력한 내용도 주소창에 드러나지 않는 방식 |
---|---|
* action |
- 사용자가 입력한 데이터 내용을 어디로 전달할지 지정하는 속성 |
name | form태그 이름을 지정하는 속성 → 자바스크립트로 폼을 제어할 때 사용할 폼의 이름을 지정 |
target | action에 지정한 파일을 전달 받는 곳을 새 탭/현재 탭 중 어디서 열지 지정 · _self : 서버에서 전달한 응답을 현재 주소창에서 그대로 보여줌(기본값으로 생략 가능) · _blank : 서버에서 전달한 응답을 새로운 윈도우 탭에서 보여줌 |
autocomplete | 폼에서 내용을 입력할 때 예전에 입력한 내용을 자동으로 표시해주는 자동 완성 기능을 나타내는 속성으로 기본 속성값은 "on" |
'프로그래밍 언어 > HTML+CSS+JS' 카테고리의 다른 글
[JS] Javascript (0) | 2022.11.01 |
---|---|
CSS(Cascading Style Sheets) (0) | 2022.10.05 |
자주 사용하는 HTML 태그 (1) | 2022.09.30 |
HTML 기본 태그 (0) | 2022.09.30 |
[HTML] 마크업언어란? (0) | 2022.09.30 |