[HTML] form태그

dooboocookie·2022년 9월 29일
0

HTML,CSS

목록 보기
7/7

Form

< form>< /form>

  • html 태그
  • 웹 페이지의 입력 양식을 의미
  • 요소
    • name
      • 폼의 이름
      • 데이터의 이름으로 지정
    • action
      • 데이터가 전송되는 백엔드 URL
    • method
      • GET : 쿼리스트링 → ?name속성값=입력값→...
        • 캐쉬되어 저장
        • 보안 취약
        • 기본 값
      • POST : http 내부 저장 전송
        • 브라우저에 의해 캐시되지 않음 → 히스토리에 남지 않음
        • 보안 안정적

< input>< input>

  • 입력하기 위한 태그
  • 요소
    • type
      • 입력 종류
      • 텍스트, 버튼, ...
    • name
      • 데이터 이름
    • value
      * 기본 값
      input type 종류
      submit < form > 요소의 데이터를 서버로 전송
      reset < form > 의 데이터 초기화
      text 문자 입력
      button 버튼 형식
      radio 라디오버튼
      name속성이 같은 버튼끼리 그룹
      checkbox 체크박스
      name속성이 같은 체크박스끼리 그룹, 중복 가능
      file 파일 첨부
      multiple속성으로 여러 파일 선택 가능
      password 비밀번호
      *표로 표시
      date 날짜 형식
profile
1일 1산책 1커밋

0개의 댓글