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

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

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

[ 카드 번호 입력 ]

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

[카드 사용자 입력]

 

[카드 유효기간 입력]

 

[카드 CVV 번호 입력]

 

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

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