Project HTML D1 Forms
Topics : Create a Table How a Form Works , Text Input , Adding a Label , Password Input , Number Input , Range Input , Checkbox Input , Radio Button Input , Dropdown list , Datalist Input , Textarea element , Submit Form , Form Validation , Requiring an Input , Set a Minimum and Maximum , Checking Text Length , Matching a Pattern
Project Title: Booking Form
- Open VS Code and Create an html file with your name like
john.htmlin project folder and add this code to it:
<!DOCTYPE html> <html> <body></body> </html>
Create a form, set action to
book.phpand type to
Create text input for First Name, Last Name, Email, Phone, Departure Date, Departure Time, Number of Passengers
- Passengers input type is number
- Email input type is email
Create redio input for Type of Ticket includes Ecomony, Business and First Class
Create a Dropdown list for Gender includes Male, Female, Other
Create a Datalist for Features includes TV, Drink, Food, Launch
Create textarea for Special Conditions field.
Create check box button to Accept Booking Conditions
Add Book button of type submit
Add Clear button of type reset
Make First Name, Last Name required.
Set minimum and maximum for Number of Passengers to 1, 5.
Want to get reviewed?
Send Pull Request. Check how to deliver your code: https://codingwithbasir.com/how-to-deliver-projects/
Download Free eBook https://codingwithbasir.com/download