html/css form테두리 색깔변경

form 테두리 색깔변경

저장용으로 쓰는겁니다.

처음 form은 이렇게 아무색깔도 없습니다.

이곳에 색을 추가합니다.

(css사용)

유효한 입력일때가 valid이고 무효한 입력일때가 invalid입니다.

유효한 입력일때는 forestgreen색을 적용하고 무효한 입력일때는 firebrick색을 적용하는 것입니다.

유효한 입력과 무효한입력은 pattern과 required을 적용해서 구분합니다.

이렇게 해서 조금더 꾸미고 코드도 조금 더 넣어서 이렇게 만들었습니다.

먼저 처음에는 아이디와 비밀번호가 빨간색입니다. 여기서 6글자이상 입력하면 색이 바뀌게됩니다.

before

after

이렇게요.

[잡다한것] - 웹사이트 만들기 html

[잡다한것] - 블로그 html적용

[IT/윈도우] - 윈도우10 작업표시줄 숨기기