diff --git a/Week-4/Day-4/Reame.md b/Week-4/Day-4/Reame.md new file mode 100644 index 0000000..b72935e --- /dev/null +++ b/Week-4/Day-4/Reame.md @@ -0,0 +1,32 @@ +# Week 4 – Day 4: Template Driven Forms + +## Date +08 January 2026 + +## Objective +To learn how to create and manage user input forms using Angular's template-driven approach. + +## Topics Covered +- Introduction to Angular Forms +- Template Driven Forms +- ngModel +- Form Validation +- Handling User Input + +## Activities Performed +- Designed HTML forms using Angular directives +- Implemented two-way data binding with ngModel +- Added form validations (required, email, length) +- Displayed validation messages +- Practiced form submission handling + +## Tools & Technologies Used +- Angular +- HTML +- TypeScript + +## Learning Outcome +Understood how Angular simplifies form handling using template-driven forms and built validated user input forms. + +## Status +Completed diff --git a/Week-4/Day-4/angular-forms.md b/Week-4/Day-4/angular-forms.md new file mode 100644 index 0000000..feb22a5 --- /dev/null +++ b/Week-4/Day-4/angular-forms.md @@ -0,0 +1,29 @@ +## Angular Forms – Template Driven Forms + +### Introduction to Forms +Forms are used to collect user input and are essential in almost every web application. + +### Template Driven Forms +- Simple and easy to use +- Logic written mainly in HTML +- Uses ngModel + +### Form Example +
+ +### Form Validation +- Required fields +- Minimum length +- Email format + + +### Practical Work Done +- Created input forms +- Implemented validation +- Handled user input +- Displayed validation messages + +### Learning Outcome +Understood how Angular handles basic forms and validation using template-driven approach. \ No newline at end of file