[HTML] <form> 태그

Gammi·2022년 9월 11일
0

HTML

목록 보기
4/5

💻 form 태그


  • 사용자와 웹어플리케이션 간의 상호작용이 가능하도록 함

  • 사용자로부터 입력 받은 데이터 형식을 제공하는 태그들을
    묶어주는 태그

  • 입력된 데이터를 다른 페이지로 전송하는 역할 수행

  • <form> </form> 형식 사용

  • 시작 태그와 끝 태그 사이에 또 다른 form 태그가 올 수 없음





🔗 폼 태그 내부에서 사용 가능한 태그


<input type= "text"> : 텍스트 한 줄을 입력받는 속성

<input type= "number"> : 숫자 입력받는 속성

<input type= "password">: 입력 데이터 숨김 처리


<input type= "checkbox"> : 복수 개의 항목을 체크하도록 하는 속성(체크박스)

<input type= "radid"> : 단일 항목 선택하도록 하는 속성

  • name 속성 사용하여 단일 선택 가능하게 함
  • name 속성값이 같은 항목끼리만 단일 항목 선택 가능

<input type= "date"> : 날짜 선택 속성(캘린더 또는 입력 가능)


<input type= "button"> : 클릭 동작 받는 속성

<input type= "submit"> : form 태그 내 입력 항목들을
action 속성에 지정된 위치로 전송 및 이동하는 속성

<input type= "reset"> : 입력된 데이터를 초기화시키는 항목




<select></select> or <option></option> : 태그에 지정된 항목을 선택할 수 있도록 하는 태그

<textarea></textarea> : 여러 줄 입력 받는 태그

profile
개발자가 되었어요⭐️

0개의 댓글