HTML5 Interaction Lab - Travel Edition

✈️ Dream Trip Planner

Fill out this form to test HTML5 input types and validation logic.

Full Name

Email Contact

Try entering text without '@' to see validation.

Departure Date

Travelers

Preferred Airline (Datalist)

Accommodation (Radio)

Hotel Airbnb Hostel

Budget ($)

EconomyLuxury

Map Marker Color

controls poster preload="metadata" width

Best for long content (Movies, Lectures). Only loads info when page opens.

autoplay muted loop playsinline

Critical: Browsers block autoplay unless muted is present. Used for hero backgrounds or social feeds.

controls loop muted

Set to loop and starts muted (check the volume icon).