Card – クレジットカード入力をかっこうよく表現MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webにおいてクレジットカードの入力は頻繁にあると思います。番号、有効期限、保有者名、CVCの入力が主になると思いますが、その入力フォームをかっこうよくしてくれるのがCardです。 Cardの使い方 そこにこんな感じのJavaScriptを実行します。カスタマイズも可能です。 $('form').card({ container: $('.card-wrapper') }); そうするとこのようなフォームに変化します。 Cardはインタラクティブな表現なので、入力した内容がそのままカード面に反映されるのが面白いです。また、CVCのようにどこに書いてある項目なのか分かりやすく説明できるのでユーザビリティ向上にもつながりそうです。 CardはJavaScript製のオープンソース・ソフ
