From d38fa637b625c66eaa0ae48b09f371ad14ee313d Mon Sep 17 00:00:00 2001 From: Harshit Sachdev Date: Tue, 23 Dec 2025 16:03:56 +0530 Subject: [PATCH] Week 2 Day 1: HTML forms and input validation --- Week-2/Day-1/Readme.md | 32 ++++++++++++++++++++++++++ Week-2/Day-1/advanced-html-css.md | 32 ++++++++++++++++++++++++++ Week-2/Day-1/index.html | 37 +++++++++++++++++++++++++++++++ Week-2/Day-1/style.css | 19 ++++++++++++++++ 4 files changed, 120 insertions(+) create mode 100644 Week-2/Day-1/Readme.md create mode 100644 Week-2/Day-1/advanced-html-css.md create mode 100644 Week-2/Day-1/index.html create mode 100644 Week-2/Day-1/style.css diff --git a/Week-2/Day-1/Readme.md b/Week-2/Day-1/Readme.md new file mode 100644 index 0000000..bd35b42 --- /dev/null +++ b/Week-2/Day-1/Readme.md @@ -0,0 +1,32 @@ +# Week 2 – Day 1 Advanced HTML – Forms + +### Date +18 December 2025 + +### Objective +To understand and implement HTML forms for collecting user input and apply basic validation techniques. + +### Topics Covered +- HTML form structure +- Input types and labels +- Form attributes and validation +- Accessibility best practices + +### Activities Performed +- Studied HTML form elements and attributes. +- Created login and registration forms. +- Implemented basic client-side validation. +- Tested form behavior in browser. + +### Tools & Technologies Used +- HTML5 +- Visual Studio Code +- Web Browser + +### Learning Outcomes +- Understood how forms work in HTML. +- Learned to validate user input. +- Improved ability to create structured forms. + +### Status +Completed diff --git a/Week-2/Day-1/advanced-html-css.md b/Week-2/Day-1/advanced-html-css.md new file mode 100644 index 0000000..0ff9d34 --- /dev/null +++ b/Week-2/Day-1/advanced-html-css.md @@ -0,0 +1,32 @@ +# Week 2 Day 1 – Advanced HTML & CSS + +## HTML Forms +HTML forms are used to collect user input and send data to a server for processing. Forms are a crucial part of web applications such as login pages, registration forms, feedback forms, and surveys. + +###
Tag +Defines the start and end of a form. +Important attributes: +action: URL where form data is sent. +method: HTTP method (GET or POST). + +### Common Form Elements + +Types: text, email, password, number, date, radio, checkbox + +