디자인과 개발 그 사이

오늘은 input password 필드의 기본 모양을 어떻게 변경할 수 있는지에 대해 기록해보려 합니다.우선, input password 대신 input text를 사용합니다. 그 위에 position absolute로 설정한 박스를 덮어, 사용자가 입력할 때마다 원하는 문자나 이미지를 나타나게 설정해 보았습니다. 1. input password 입력 모양 바꾸기 (문자로) See the Pen input password 입력 모양 바꾸기 by 김보라 (@etbeatbh-the-bashful) on CodePen." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스inputField: 실제 비밀번호가 입력되는 input 요소를 가져옵니다.passwordDisplay: 비밀번..

1. 뒷번호 password로 지정 See the Pen 주민번호(input password) input 배경처리 만들기 by 김보라 (@etbeatbh-the-bashful) on CodePen." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 저는 특수문자 ●로 배경을 깔았지만 다른 배경이미지로 password 글자 크기에 맞추어 사용하셔도 좋을것 같습니다.  2. 뒷번호 한자리만 노출 text input 으로 지정 See the Pen 주민번호(input password) input 배경처리 만들기2 by 김보라 (@etbeatbh-the-bashful) on CodePen." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 뒷자리 ..

더 깔끔하고 효율적인 작업 환경을 위해 새로운 키보드와 마우스를 구매하게 되었습니다. Microsoft Designer Compact Keyboard & Mouse는 컴팩트한 크기와 세련된 디자인으로 큰 인기를 끌고 있는 제품입니다. 사무용으로 특히 추천받는 이 제품을 1년간 사용해본 후기를 전해드리겠습니다.  디자인과 크기 Microsoft Designer Compact 키보드는 매우 슬림하고 컴팩트한 크기가 특징입니다. 키보드와 마우스 모두 미니멀리즘을 추구하는 세련된 디자인이 매력적입니다. 키보드는 전반적으로 매끈한 플라스틱 표면에, 마우스는 손에 착 감기는 부드러운 표면 처리가 돋보입니다. 또한, 키보드와 마우스 모두 저소음 설계로 사무실에서 사용하기 좋습니다.    타건감과 소음 이 키보드는 기..