29 lines
687 B
Markdown
29 lines
687 B
Markdown
## 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>
|
||
<input type="text" [(ngModel)]="username" name="username">
|
||
</form>
|
||
|
||
### Form Validation
|
||
- Required fields
|
||
- Minimum length
|
||
- Email format
|
||
<input type="email" required>
|
||
|
||
### 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. |