728x90
반응형
input에 포커스가 되면 값을 초기화하는 코드이다.
onfocus 이벤트를 통해 쉽게 활용할 수 있다.
click이 아닌 focus 이벤트라서 인풋에 클릭을 하거나 키보드를 통해 접근하면 동작한다.
포커스하면 지정한 값을 넣는 이벤트도 같이 넣었다.
화려한 무지개 색의 box-shadow 스타일링도 괜히 해봄,,
See the Pen Clear input value on focus by nah (@wimmwell) on CodePen.
728x90
반응형
'Front-end' 카테고리의 다른 글
[HTML/SCSS] CSS로 ON&OFF 온/오프 스위치 만들기 (input 체크박스) (0) | 2023.02.07 |
---|---|
[HTML/SCSS/JS] Spliting.js 및 transformation 연습 (0) | 2023.01.30 |
[HTML/CSS] :has() selector를 활용한 투명 카드 CSS (0) | 2023.01.11 |
[HTML/jQuery] Input[type="text"]에 숫자만 입력하기 (0) | 2023.01.02 |
[HTML] Select 박스 옵션 타이틀 항목 나타내기 (0) | 2023.01.02 |