Skip to content

Latest commit

 

History

History
 
 

project-htmlcss-d1-forms

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Oluwaseyi.html
Oluwaseyi.html
 
 
README.md
README.md
 
 
joshua.html
joshua.html
 
 

README.md

Project HTMLCSS 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

  1. Open VS Code and Create an html file with your name like john.html in project folder and add this code to it:
<!DOCTYPE html>
<html>
  <body></body>
</html>

  1. Create a form, set action to book.php and type to post

  2. 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

  1. Create redio input for Type of Ticket includes Ecomony, Business and First Class

  2. Create a Dropdown list for Gender includes Male, Female, Other

  3. Create a Datalist for Features includes TV, Drink, Food, Launch

  4. Create textarea for Special Conditions field.

  5. Create check box button to Accept Booking Conditions

  6. Add Book button of type submit

  7. Add Clear button of type reset

  8. Make First Name, Last Name required.

  9. 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/

Need help?

Download Free eBook https://codingwithbasir.com/download