본문 바로가기
HTML

Form 태그

by 헤이봄봄 2021. 5. 9.

 

Form 태그란 ? 

form 안에 있는 각각의 컨트롤들의 사용자가 입력한 정보를

submit 버튼을 눌렀을때 action 속성이 가리키는 서버로 

쿼리스트링 형태로 데이터를 전송하는 기능 

method="get" 혹은 생략

<form action="http://localhost:3000/process_create">
  <p><input type="text" name="title"></p>
  <p>
    <textarea name="description"></textarea>
  </p>
  <p>
    <input type="submit">
  </p>
</form>

URL :

🪓주소에 데이터가 포함되어있다면 

사용자에 의해 서버에 있는 데이터의 정보가 수정되거나 삭제될수 있음

 

 

서버에서 데이터를 get할때 즉 가져올때는 쿼리스트링을 쓰고, 

서버에 데이터를 추가하거나 수정할때에는, 데이터를 URL로 보내지않고,

눈에 보이지않는 방식으로 보냄

method="post" 추가


<form action="http://localhost:3000/process_create" method="post">
  <p><input type="text" name="title"></p>
  <p>
    <textarea name="description"></textarea>
  </p>
  <p>
    <input type="submit">
  </p>
</form>

URL :

 

'HTML' 카테고리의 다른 글

DOM조작법 CRUD에 대해 알아보자  (0) 2022.01.03
map 간단히 html 소스로 퍼와서 사용하기  (0) 2021.08.05

댓글