html에서 data 전송을 위한 태그

1. <form></form> : 폼의 영역

2. <legend></legend> : 폼의 세부영역 제목

3. <fieldset></fieldset> : 폼의 세부영역 나누기

4. <input> : 데이터를 주고 받을 필드(영역)

5. <select></select> : 여러 요소들을 나열하고 그중 값을 선택

6. <textarea></textarea>

 

부가설명:

1. <form>은 여러 속성값을 가진다.

(1) action = "" : 해당 폼이 전송될 주소

(2) target = "" : 해당폼이 현재 페이지가 아닌 페이지 내부에 속한 iframe등으로 전송시 사용.

(3) method = "" : get방식과 post방식중 선택

(4) enctype="multipart/form-data" : 폼에서 이미지나 파일을 전송해야될 경우 인코딩 타입 지정

 

2. 묶은 폼의 세부영역단위 별 제목을 달아줌

3. 폼에서 기본정보, 주소, 추가정보 등 각 섹션을 묶어주는 역할

4. <input>은 여러 type이 존재한다.

(1) type='text' : 가장 기본적인 텍스트 박스

코딩: <input type='text'>

(2) type='password' : 비밀번호를 입력하는 박스

코딩: <input type='password'>

(3) type='radio' : 선택박스

코딩: <input type='radio'>

(4) type='checkbox' : 체크박스

코딩: <input type='checkbox'>

 

5. <select>라는 태그안에 <option></option>별 태그를 넣어서 여러 값을 선택할 수 있는 태그 selectbox에 size라는 옵션을 2이상 주게되면 여러 옵션을 선택할 수 있음.

코딩: 

<select>

    <option>1</option>

    <option>2</option>

    <option>3</option>

    <option>4</option>

    <option>5</option>

    <option>6</option>

</select>

6. 자기소개, 소개글 등 여러내용을 담을 때 사용

코딩: <textarea cols="30" rows="10"></textarea>