Bu yazıda, HTML ve CSS3 kullanarak basit bir Kredi Kartı Formu oluşturacağız . Bu form için özel fontu (Roboto) kullanmak için Google Fontlar ile çalışacağız. Bu formu web sitenize entegre edebilirsiniz.
Sınıf "kredi formu" ile bir form oluşturacağız. Daha sonra formumuzu iki bölüme ayıracağız. İlk bölüm, form başlığımızın bulunduğu form üstbilgisi ve ikincisi ise tüm form öğeleri ve düğmeleri olacak form gövdesi.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
< form class = "credit-card" > < div class = "form-header" > < h4 class = "title" >Credit card detail
|