HTML, CSS

form 데이터 전달을 위한 기초 개념

JooKit 주킷 2021. 6. 1. 00:30
목차 접기
728x90
반응형
# 입력 형식 태그와 문서 구조화 (모듈화)

### form 태그
- input
- text
- submit 

### form 데이터 전달 방식
- method 
  - GET : 주소에 데이터를 직접 입력해 전달
  - POST : 별도의 방법을 사용해 데이터를 해당 주소로 전달
- action 
  - 데이터를 전달할 경로


### form 태그 입력 양식 종류
- input
  - text : text / 글자 입력 양식 생성
  - button : button / 버튼 생성
  - checkbox : 체크 박스 생성
  - file : 파일 입력 양식 생성
  - hidden : 보이지 않음 / 해당 내용 표시 안 함
  - image : 이미지 형태 생성
    - image 태그를 굳이 사용하지 않아도 나타낼 수 있다.
  - password : 비밀번호 입력 양식 생성
  - radio : 라디오 버튼 생성(남/녀와 같이 둘 중 하나만 선택하려고 할 때)
  - reset : 초기화 버튼 생성
  - submit : 제출 버튼 생성
- textarea : cols, rows / 여러 행의 글자 입력 양식 생성.
  cols는 너비를 지정하고 rows는 높이를 지정
- select
  - 선택 양식 생성
    - multiple : 여러개를 선택할 수 있는 속성 
  - optgroup
    - 옵션 그룹화
  - option
    - 옵션 생성
- fieldset : 입력 양식의 그룹 지정
  - legend : 입력 양식 그룹의 이름 지정 


728x90
반응형
LIST