HTML Form & Input

1. 폼 만들고 싶을때

• input태그는 닫지 않는다.

<form class="form-container">
  <input type="text">
  <input>
  <input>
</form>

// type 종류
<input type="text">
<input type="email">
<input type="password">
<input type="radio">
<input type="file">
<input type="checkbox">
<input type="submit">
// select box 만들기
<select>
  <option>옵션1</option>
</select>
// 큰 인풋
<textarea></textarea>

2. form action=""

• 어떤 경로로 전달될지
• method="" -> 어떤 방식으로 전달할지
• name="" -> 인풋 이름

<form class="form-container">
  <input type="text" action="경로" method="get" name="age">
  <input>
  <input>
</form>

3. input css selector

• input의 type속성이 email인 요소만 찾아서 스타일을 줄 수 있음

input[type=email] {
color: grey;
}

4. Form 전송버튼

• form 태그 안에 있어야 잘 작동

<button type="submit">전송</button>
<input type="submit">