Notice
Recent Posts
Recent Comments
Link
«   2026/04   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30
Tags
more
Archives
Today
Total
관리 메뉴

우당탕탕 개발자 되기

폼 만들기 본문

WEB

폼 만들기

KimMINHun 2021. 3. 3. 15:40

<form> 태그 - 폼 만들기

/기본형
<form [속성="속성 값"]> 여러 폼 요소 </form>

form 태그의 속성

-method

: 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄지 지정한다.

 속성값

  -get : 주소 표시줄에 사용자가 입력한 내용이 그대로 드러난다

   -post : 대부분 이 방식을 사용한다. 사용자의 입력을 표준입력으로 넘겨주기 때문에 입력 내용의 길이에 제한을 받지        않고 사용자가 입력한 내용이 드러나지 않는다.

 

-name

: 폼의 이름을 지정한다. 한 문서 안에 여러 개의 <form> 태그가 있을 경우, 폼들을 구분하기 위해 사용한다.

 

-action

: <form> 태그 안의 내용들을 처리해 줄 서버 상의 프로그램을 지정한다.

-target

:<action> 태그에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정한다.

 

autocomplete 속성

: 자동완성 기능

<form action="register.php" autocomplete="on">	//off로 하면 자동완성 기능이꺼진다
..........
</form>

<label> 태그 : 폼 요소에 레이블 붙이기

<label [속성="속성 값"]> 레이블 <input ...> </label>

or

<label for "id이름">레이블</label>
<input id="id이름" [속성="속성 값"]>

체크 박스도 생성가능

 

<fieldset>, <legend> 태그 - 폼 요소 그룹으로 묶기.

 

'WEB' 카테고리의 다른 글

BEM 방식  (0) 2021.03.07
CSS 스타일  (0) 2021.03.03
HTML Tags  (0) 2021.03.02
JavaScript -문서 객체  (0) 2021.01.17
JavaScript-객체  (0) 2021.01.16