[개발일기] input의 border-color 바꾸기

(2023.06.22) 사용자의 입력을 받아서 처리하는 프론트엔드에서 input은 뗄레야 뗄 수 없는 태그다.

input을 다룰때 js없이 html, css로만 처리하는 방법이 있다.

1) 사용자가 반드시 input에 입력을 해야하고 2) 그렇지 않으면 border-color를 빨간색으로 표출해야 할때

아래와 같이 하면 된다.

<input type="text" required />

input:invalid {
  border-color: red;
}