$$config title: [HTML/CSS] HTML - form (ft.strong 태그) keywords: - HTML - form - ... $$ # form(폼) 태그 : 웹 페이지에서의 입력 양식를 의미함. (예를 들어 로그인 창, 회원가입 폼 등) 예시처럼 폼은 사용자 의견이나 정보를 알기 위해 입력할 큰 틀을 만들기 위해서 웹에서 많이 사용함. => 큰 틀을 만들어 주기 때문에 큰 틀 안에서 입력된 데이터를 한번에 서버로 전송함. 전송한 데이터는 웹서버가 처리하고 결과에 따른 또 다른 웹 페이지를 보여주는 것. # 폼 태그 동작 방식 > 동작방식 그림 표현 ![폼동작방식](https://www.nextree.co.kr/content/images/2021/01/hjkwon-140328-form_-01.png) 1. 폼이 있는 웹 페이지를 방문 2. 폼 내용을 입력 3. 폼 안에 있는 모든 데이터를 웹 서버로 전송 4. 웹 서버는 받은 폼 데이터를 처리하기 위해 웹 프로그램으로 넘김. 5. 웹 프로그램이 폼 데이터 처리 6. 처리 결과에 따른 새로운 html 페이지를 다시 웹 서버에 전송 7. 웹 서버는 받은 html 페이지를 브라우저에 보냄. 8. 브라우저는 받은 html 페이지를 보여줌. # 폼 태그 속성 | 속성 | 설명 | |--|--| | action | 폼을 전송할 서버 쪽 스크립트 파일을 지정함. | | name | 폼을 식별하기 위한 이름을 지정함. | | accept-charset | 폼 전송에 사용할 문자 인코딩을 지정함. (utf-8 등) | | target | action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 지정함. | | method? |폼을 전송할 http 메소드를 정함. (GET/POST) | ```html ``` [중요 참고] GET & POST : GET과 POST 모두 브라우저에서 폼 데이터를 가져와 서버로 보내는 기능은 똑같지만 방식이 다름. > GET 과 POST ![](https://www.nextree.co.kr/content/images/2021/01/hjkwon-140328-form_-03-1.png) - GET 방식 : 폼 데이터를 URL 끝에 붙여서 눈에 보이게 보냄. (사진의 위) URL 끝에 데이터를 붙여 보내는 방식이라 데이터가 외부에 노출되어 보안에 취약함. => GET 방식은 지정된 리소스에서 데이터를 요청하는 경우인 읽을 때 사용하는 메소드
- POST 방식 : 내부적으로 보이지 않게 보냄. (사진의 아래) 데이터가 외부에 노출되지 않아서 지정된 리소스에서 데이터를 처리할 경우인 쓰고(생성), 수정, 삭제할 때 사용함. => 보안이 필요하지 않으면서 지정된 리소스에서 데이터를 읽을 경우에는 GET방식을, 그렇지 않으면 POST방식을 사용하면 됨.? ## [참고할 엘리먼트 태그] strong strong 태그는 해당 콘텐츠의 중요성이나 심각함, 긴급함 등을 강조할 때 사용. (일반적으로 브라우저는 strong요소의 콘텐츠를 굵은 텍스트로 표현함.) - strong 태그 vs b 태그 : b 요소는 콘텐츠의 중요성보다는 텍스트 자체에 주의를 끌기 위해 사용하지만, strong 요소는 콘텐츠 자체의 중요성을 강조할 때 사용
- strong 태그 vs em 태그 em 요소는 구어체 강조와 같이 문장의 의미 (ex. "I love cat." )를 변경하는데 사용하지만, strong 요소는 문장의 일부분에 중요성을 추가하는데 사용 (strong요소와 em요소는 각각 중첩해서 사용함으로써 중요성이나 강조의 상대적인 정도를 증가시킬 수 있음.)

[참고] tcpschool의 html-tag : [tcpschool](http://www.tcpschool.com/html-tags/strong)