form & input

form은 form 태그로 만든다.

<form>
  <input>
</form>

input 태그는 img 태그처럼 닫히는 태그가 아니다.

input의 type

<input type="text">
<input type="email">
<input type="password">
<input type="radio">
<input type="file">
<input type="checkbox">
<input type="submit">
<select>
  <option>옵션1</option>
</select>
<textarea></textarea>

무척이나 많지만 가장 많이 쓰이는 것들 위주로 추려봤다. 필요한 것들은 구글에서 찾아보자.

input에 넣는 속성들

<input placeholder="어쩌구" value="어쩌구" name="age">

placeholder는 input에 들어갈 배경 글자를, value는 미리 지정해둔 값을, name은 서버를 개발할 때 필요한 input의 이름을 지정한다.

HTML의 속성으로 CSS 셀렉터를 사용할 수 있다.

input[type=email] {
  color : grey
}

input의 타입이 email인 것만 지정하며 CSS를 진행할 수 있다.

전송버튼

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

둘 중에 하나만 쓰면 된다. 단, 사용하는건 form 태그 안에 들어가 있어야 한다.