Node.js

HTML - Form

수업소개

웹브라우저에서 서버로 데이터를 전송할 때 사용하는 기능이 form입니다. 여기서는 HTML로 폼을 만드는 방법을 살펴보겠습니다. 

 

 

 

강의

 

 

 

소스코드

syntax/form.html

<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>

 

댓글

댓글 본문
  1. 비전공자
    오후 2:07 2024-05-11
  2. get과 post
  3. 김철흥
    2024.01.12
    완료!
  4. Hoon Ko
    20231016
  5. 어흥
    230702
  6. BF_Lee
    23.06.30
  7. Hojun Song
    2023-04-14 오후 17:33
  8. Nayeong Koo
    23.03.17

    [method: get vs post]
    서버에서 데이터를 가져올(get) 때는 쿼리스트링을 쓰는데 그것이 get 방식
    반면 서버의 데이터를 수정, 삭제, 생성하고자 할 때는 데이터를 url로 보내면 안되고 눈에 보이지 않게 보내야 한다 이렇게 보내는 방식이 post 방식 (method를 생략하면 디폴트 방식은 get방식으로 적용된다.)
  9. 감자
    22.12.04 완료
  10. 당당
    2022.10.24
  11. 수정
    데이터를 수정하거나 등록할 때에는 html의 form 태그에서 method 속성 값을 post 로 설정해야한다.
    그리고 데이터를 가져올 때에는 method 속성 값을 get 으로 해야하며, 기본 속성 값은 get 이므로 생략 가능하다.
  12. i_am_es
    2022-08-10
  13. 키다리아저씨
    220719 완
  14. toonfac
    220714 오후 3시 08분 완료
  15. 화려하게간다
    화긴 배이비~
  16. kimkk
    method = "post" when you submit the data to webserver
  17. 케굴
    2021-12-26
  18. 초딩 개발자
    2021/12/12
  19. 야옹스
    20211010 get/post
  20. pdpd
    21.10.09
  21. 졸작완성하자
    210915 완료
  22. 승뇽뇽
    ㅇㄹ
  23. labis98
    20210725 Good!
  24. Duke
    2021.07.18
  25. Jeong Il Haan
    20210419
  26. byoonn
    완료
  27. chimhyangmoo
    21.02.21
  28. jeisyoon
    2021.02.09 완료
  29. testrestbestwest
    감사합니다.
  30. 마아앙
    21.02.02
  31. ohhigo
    21/1/24 ★★★★★
    덕분에 기초가 쌓임을 느낍니다.
  32. Noah
    2021.01.05 완료!
  33. 손민철
    20/12/29 완료
  34. 생활둘기
    2020 12 25
  35. kkn1125
    20.12.22 완료~!
  36. 옹옹
    20201124
  37. 콜라
    20201015 완료
  38. Yong Hyun Lee
    완료 201002
  39. vampa
    2020.09.10
  40. 코딩하는렌즈쟁이
    2020-07-27 (월)
    완료
  41. 영호팍
    완료!!!!@@
  42. Amousk
    좋은 강의 감사합니다.
  43. Katherine Roh
    완료 :)
  44. 김재익
    완료
  45. Phill
    감사합니다
  46. 준바이
    감사합니다
  47. 심여수
    감사합니다.
  48. 03.10 완료
  49. eddylee123456
    복습
  50. jimmyzip
    post방식 :: 편지봉투에는 받는 주소만, 편지지에는 내용을--> 따라서 편지지가 허용하는 만큼 데이터 전달 용량이 상대적으로 크다. 내용 노출도 안된다.
    get방식 :: 편지봉투 겉면 주소란에 모든 내용을 다 적었다. --> 노출이 되고, 편지봉투에 뭐 열심히 적을래도 공간 부족하니 용량 제한이 있다.
graphittie 자세히 보기