floating label(ONFOCUS) select radio checkbox.zip
0.00MB
값이 입력되거나, 값을 입력중인 focus중에는 : 1-1)배경이 하얗게 변하고 1-2)굵은 outline이 쳐집니다.
값이 없는 상태로 focus out 되면 : 0)원래의 하늘색 박스로 돌아갑니다.
HTML
js에서 for문 돌려서 onfocusin onfocusout하고 싶었는데 크롬 사파리등은 이 방식으로 하면 지원이 안되어서 ㅠ
에궁..DOM이 지저분해짐 힝
CSS label의 text에 해당하는 .formTitle은 여기서 귀찮아서 크기변경 안해놨음...
JS
'CSS&JS > ⚡Thinkers' 카테고리의 다른 글
| ajax(jQuery / vanilla JS)로 탭메뉴 만들어보기 (0) | 2020.10.30 |
|---|---|
| 홈페이지 경로 history 바닐라 자바스크립트랑 CSS로 간편하게 표시하기 (0) | 2020.08.20 |
| CSS 커스텀 체크박스 + vanilla JS로 체크박스 전체선택, 전체해제 (2) (0) | 2020.03.11 |
| checkbox 전체선택, 전체해제.... 한 페이지에 아이템이 여러개 있을 경우 / 여러페이지 일괄 적용 가능한 vanilla JS (0) | 2020.01.30 |
| 바닐라 자바스크립트로 자동재생 되며 재생/멈춤 버튼, 페이저, 이전페이지 다음페이지 버튼 있는 슬라이드 만들기 (0) | 2020.01.23 |