폼태그

• 입력 양식 생성

<form> </form>

속성

• action : 데이터 전송 url

• method : 전송 방식 get/post

  -Get: 폼에 입력한 값을 url 뒤에 붙여 전달
  -> 데이터 조회를 목적으로 함 (ex 검색)
  -Post: 값을 숨겨서 전달
  -> 서버의 데이터 사용, 수정, 삭제
  (ex 게시물 작성, 회원가입)

폼태그의 종류

input 태그

• type, name 속성을 통해 입력하는 형식을 지정하고
  값을 구분함.
• placeholder = “아무값도 입력되지 않았을 때 나타나는 텍스트”, 가이드 문구
• value = “초기값”, placeholder와 다르게 클릭해도 텍스트 유지
• type = “password” , 입력 시 텍스트가 가려짐.

label 태그

• label의 for 속성 값 = input의 id 속성 값
• 라벨에 적힌 텍스트를 선택해도 input 영역 활성화

div 태그

• 태그를 구분짓고 나누기 위해 사용되는 태그, division

select 태그

• name 속성을 반드시 가져야함
• option 태그 : value 속성을 반드시 가져야함

textarea 태그

• 한 번에 많은 글을 입력받을 때 사용

button 태그

• 버튼 태그를 사용하면 버튼에 이미지를 적용할 수 있음