CSS input 정리

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 속성 간단 정리

• placeholder: 배경 글자
• value: 미리 입력된 값
• name: 인풋의 이름 설정

input type을 이용한 CSS셀렉터

• ex) input[type=email] {}

전송버튼 (form 태그 안에 있어야 잘 작동함)

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

label 태그와 for 속성

• input의 id와 label의 for 속성을 똑같이 맞춰주면 input대신 label을 눌러도 input을 선택할 수 있음

Do you like cheese?

<div class="preference">
    <label for="cheese">Do you like cheese?</label>
    <input type="checkbox" name="cheese" id="cheese">
</div>