input 유효성에 따라 스타일링하는 3가지 방법 (invalid, user-invalid, out-of-range)
1. 입력값이 유효한지 알려줘야지~ 우리는 사이트를 방문할 때 여러가지 입력창을 마주하게 된다. 그리고 특정 입력창은 사용자에게 요구하는 입력 데이터 형식이 있다. 만약 사용자가 입력한 값이 형식에 맞지 않다면, 형식에 맞지 않은 값이라는 걸 알려주는 게 중요하다. 💡 그렇다면, 어떻게 해야 사용자에게 값이 유효하지 않은지 알려줄 수 있을까? 이번 시간에는 사용자가 유효하지 않은 값을 입력했을 때, 그리고 값이 허용 범위를 벗어났을 때, 스타일을 달리 적용하는 방법을 알아보았다. 2. 유효성에 따라 스타일링하는 3가지 방법 (1) :invalid, :valid, 값 유효성에 따라 실시간 스타일링 :invalid는 사용자가 입력한 값이 유효하지 않을 때 스타일이 적용된다. :valid는 사용자가 입력한 값..
2024. 1. 6.
