[HTML] How a Form Works

안녕하세요 동기 여러분! 오늘은 Form Works에 대해 알아보도록 합시다 갑시다!

 

How a Form Works

인터넷은 컴퓨터 간의 상호작용 또는 커뮤니케이션이라고 할 수 있는데요, 정보를 보내고 받기 위해서는 HTTP requests를 사용해야 합니다. 

 

혹시 HTTP requests에서 자세하게 궁금하신분들은 아래의 링크로 들어가셔서 확인해보시길 바랍니다.
HTTP requests : https://www.codecademy.com/articles/http-requests
Rest(HTTP 동사 관련 설명있음) : https://dongi-coding.tistory.com/7 

HTTP Requests | Codecademy

[번역] 레스트란 무엇인가?

 

---

 

<form> 요소

<form> 요소는 정보들을 규합하기 위한 아주 훌륭한 도구입니다. <form> 요소를 잘 사용하기 위해선 <form>의 정보들이 어디로 가야 하는지와 어떤 HTTP request를 만들어야 하는지가 중요합니다.

 

---

 

생김새

<form action="/ex.html" method="POST">
</form>

POST 방식으로 ex.html에 정보를 보내는 코드입니다.

 

action속성은 어디로 정보들이 가야하는지 결정합니다.

mothod 속성은 HTTP request가 포함된 HTTP 동사를 선언받습니다.

 

HTTP 동사인 "POST", "GET", "PUT", "DELETE" 모두 소문자로 써도 상관없습니다. => "post", "get", "put", "delete"

 

---

 

 

생김새 2

<form action="/ex.html" method="POST">
  <h1>제목</h1>
  <p>내용 가나다라마바사 아자차카타파하 반야바라밀다 심경~</p>
</form>

<form> 태그 안에는 위와 같은 방식으로 자식 요소(child element)도 넣을 수 있습니다. 자식 요소는 <form>의 내용을 뒷받침 하는 역할을 수행합니다.

 

 

---

 

오늘의 느낌

오늘 하체 운동을 조지고 왔는데 너무 피곤함 상체 할 때랑은 다르게 체력 소모가 너무 심한 듯.