Appointment Form V10

Author: Colorlib

Released: September 2026

License: CC BY 3.0

A compact, monochrome callback request card with one blue accent, centred on a faint grid backdrop. It asks for a name, a phone number with a format hint and pattern check, a preferred time window from a segmented control, and an optional topic. The confirmation replaces the form inside the same card and states when the call will come, such as this afternoon or tomorrow morning, based on the current time.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 533 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

• Phone field with type=tel, pattern and a helpful format hint
• Segmented radio control for morning, afternoon, evening or as soon as possible
• Success message inside the card says when the call will come
• Crisp 1px borders, system-like Inter type and a single accent colour
• Inline errors with aria-invalid and focus moved to the first problem
• Change details button restores the filled form