웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] vue.js를 이용한 신용카드 정보 입력폼 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] vue.js를 이용한 신용카드 정보 입력폼

해피CGI윤실장 2021. 8. 2. 09:22

vue.js를 이용하여 만들어진 입체적인 카드 입력폼을 확인해보세요.

카드번호, 사용자, 년도 등 정보를 입력하면 상단에 있는 입체 카드에도 입력된 정보가 반영됩니다.

[ 카드 번호 입력 ]

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

[카드 사용자 입력]

 

[카드 유효기간 입력]

 

[카드 CVV 번호 입력]

 

카드 뒤에 있는 CVV 번호를 입력시 카드 뒷면까지 보여주는 등

각 정보를 입력시 직관적으로 정보가 입력되는 부분을 표시해주어 카드 정보 입력을 도와줄 수 있습니다. ^^

 

 

 

 

Comments