8j. ორმხრივი (Two-Way) მონაცემთა ბაინდინგი
15:06ვიდეო გაკვეთილი
HTML:
`
Add Task
`CSS:1form {
2 max-width: 600px;
3 margin: 0 auto;
4 padding: 20px;
5 background-color: #f9f9f9;
6 border-radius: 8px;
7 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
8 }
9 form div {
10 margin-bottom: 15px;
11 }
12 label {
13 display: block;
14 font-weight: bold;
15 margin-bottom: 5px;
16 color: #333;
17 }
18 input[type="text"],
19 input[type="date"],
20 textarea {
21 width: 100%;
22 padding: 10px;
23 font-size: 16px;
24 border: 1px solid #ccc;
25 border-radius: 4px;
26 box-sizing: border-box;
27 }
28 input[type="text"]:focus,
29 input[type="date"]:focus,
30 textarea:focus {
31 outline: none;
32 border-color: #007bff;
33 box-shadow: 0 0 5px rgba(0, 123, 255, 0.2);
34 }
35 h2 {
36 text-align: center;
37 font-size: 24px;
38 margin-bottom: 20px;
39 color: #007bff;
40 }
41 app-button {
42 margin: 20px auto;
43 }
44