본문 바로가기

프로그래밍 언어/HTML+CSS+JS

[HTML] Form 태그

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