ホテル予約フォーム図17は、InputManJSの機能を活用して作成した、ホテル予約フォームのサンプルです。ホテル予約フォームのサンプル(P007-reservation)このサンプルでは、ここまで紹介した表4の機能を利用しています。このようにInputManJSの機能を活用して、使いやすいフォームを作成できます。【参考】Angularと組み合わせた利用法InputManJSをAngularと組み合わせると、InputManJSのコントロールをAngularのコンポーネントとして、<gc-***>形式の独自タグで記述できます。[formatPattern]="'〒\\D{3}-\\D{4}'"></gc-mask>AngularでのInputManJSの利用例は、サンプル(P008-angular)を参照してください。まとめ本記事では、Webページのフォーム用入力コントロールを提供するグレープシティの「InputManJS」について、利用方法を説明しました。InputManJSは、入力をより便利にしてくれる、さまざまな機能を備えています。登場したばかりなので、今後のバージョンアップでより進化していくことが期待されます。現状のInputManJSには、郵便番号から該当する住所を入力することや、クレジットカード番号の妥当性をチェックする機能はありません。このような機能を提供する他のライブラリーで実現できますが、将来的にInputManJS自身がそのような「特定のデータ形式に対応した機能」を提供するならば、より便利に利用できることが期待されます。参考資料InputManJS<123連載通知を行うには会員登録(無料)が必要です。会員の方はログインを行ってください。