Appointment Form V09

Author: Colorlib

Released: September 2026

License: CC BY 3.0

A friendly booking form for a pet clinic that covers grooming, check-ups and vaccinations. Owners pick the species from illustrated cards, get breed suggestions for that species, and see a size band and starting price as they enter the weight. A styled drop zone takes a vaccination record as PDF, JPG or PNG up to 5 MB, shows the chosen file as a removable chip, and is required only when grooming is selected.

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

• Species radio cards with inline SVG dog, cat, rabbit and other icons
• Breed input with datalist suggestions that change with species
• Weight in kg shows a size band and price for the chosen service
• Drag-and-drop file zone with type and 5 MB size checks
• Chosen-file chip with a remove button
• Record required only for grooming; inline errors and focus management