form 요소에 대하여

AeRi Lee·2020년 1월 30일
0

웹 페이지에서 form요소를 사용하여 사용자로부터 입력을 받을 수 있다. 또한, 사용자가 입력한 데이터를 서버로 보낼 때에도 form요소를 사용한다.

다음과 같은 문법

  <form action="처리할 주소" method="get|post"></form>
  

action속성은 입력받은 데이터를 처리할 서버 상의 스크립트 파일의 주소를 명시한다.

이렇게 전달받은 데이터를 처리하는 스크립트 파일들을 폼 핸들러(form-handler)라고 한다.
method 속성은 입력받은 데이터를 서버에 전달할 방식을 명시한다.

**따라서 form 요소를 통해 입력한 데이터는 action 속성에 명시된 위치로 method 속성의 방식을 통해 전달된다.


다양한 타입의 input요소

HTML에서 사용할 수 있는 대표적인 input요소의 타입은 다음과 같아.

  1. text 텍스트 입력
  2. password 비밀번호 입력
  3. radio 라디오 버튼
  4. checkbox 체크박스
  5. file 파일
  6. select 선택 입력
  7. textarea 문장 입력
  8. button 버튼 입력
  9. submit 전송 버튼
  10. fieldset 필드셋

우리는 form 요소에 다양한 input요소를 포함시켜 사용자의 입력을 받을 수 있다.

profile
👩🏻‍💻 Junior Web Frontend Developer

0개의 댓글