[HTML] Forms

HTML Forms

form 태그

<form action="데이터가 보내질 위치 ex) jayden.html" method="데이터가 전송되고 처리되는 방식 ex) POST, GET...">
  <!-- 간단한 몇개의 input 예시 -->
  <input type="text" name="입력한 데이터가 보내졌을 때 key에 해당하는 값" value="아무것도 안써도 기본적으로 보여지는 값">

  <!-- 아래와 같은 체크박스 형태에서 value 속성은 굉장히 중요하다. 
체크를 안하면 전송될 데이터가 없지만, 체크를 하면 "car=1" 이라는 데이터가 전송된다. (name에 해당하는 값이 key, value에 해당하는 값이 value)
-->
  <input type="checkbox" name="car" value="1">

  <!-- 아래처럼 label의 for에 꾸며줄 태그의 id를 입력하여 label 태그를 활용할 수 있다. -->
  <label for="password">Password :</label>
  <input type="password" name="password" id="password">

  <!-- form 내의 데이터를 전송하는 속성! -->
  <input type="submit">

  <!-- 이외에도 input의 type 속성이 갖는 종류는 number, range, radio 등등이 있고 같이 활용할 수 있는 select, datalist 태그 등도 존재
이런 속성값 하나하나를 외우는 것보다 중요한 몇개에 대해 알고, '이런 게 있었지'하고 기억해서 구글링하고 공식문서를 통해 활용할 수 있도록 하자 -->

간단한 개념이지만 나중에 헷갈리지말기!
특히, 아직은 잘모르겠지만 프론트 단에서 데이터를 input을 통해 받고 그에 대해 name과 value의 쌍으로 전달되는 부분 더 기억!