사용자의 입력으로 커뮤니케이션 하기~
내가 사용했던 form 태그들
- 회원가입시 입력하는 정보들을 form 태그로 관리
- 상품등록에 필요한 정보들을 form 으로 관리
- 검색할 때 필요한 query 들을 form 으로 관리
사용법은 알지만, 좀 더 기본적으로 알아보기 위해 블로그를 작성한다.
1. form
- form 태그는 사용자가 입력한 데이터를 수집하기 위해 사용됨
- input, textarea, button, select, checkbox, radio, button, submit button 등의 입력 양식 태그를 포함
1
<form>... form elements(input, checkbox ...) ...</form>
form 태그에는 다음과 같은 attribute(속성)이 있다.
| attribute | Value | Description |
|---|---|---|
| action | URL | 입력 데이터(form data)가 전송될 URL 지정 |
| method | get/post | 입력 데이터(form data) 전달방식 지정 |
<!DOCTYPE html>
submit 버튼이 클릭되면 input 태그에 입력된 데이터가 form 태그의 method 속성에 지정된 방식으로 action 속성에 지정된 서버측의 처리 로직에 전달 됨.
2. input
input 태그는 form 태그 중에서 가장 중요한 태크다. 사용자로부터 데이터를 입력받기 위해 사용된다.
input 태그는 다양한 종류가 있는데, type 속성에 의해 구분된다. 서버에 전송되는 데이터는 name 속성을 key로, value 속성을 값으로 하여 key=value 형태로 전송된다.