HTML Tablo İçine Form Ekleme

sdkbyrm

olwα.ɴeт
Üyelik Tarihi
23 Aralık 2020
Mesajlar
813
Beğeniler
1
Puanı
3
Ticaret: 0 / 0 / 0
HTML ile oluşturulan formun tablo içine yerleştirilerek daha düzenli görünmesini sağlayabilirsiniz. Aşağıda ” Tablo İçine Form nasıl Yerleştirilir? ” bunu göreceğiz.



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
58
59

<!doctype html>
<html>
<head>
<title>www.yazilimkodlama.com</title>
<meta charset="utf-8">
</head>
<body>
<form action="www.yazilimkodlama.com" method="get" >
<table border="0">
<tr>
<td>Ad :</td>
<td><input type="text" name="ad" id="ad" required placeholder="Lütfen Adınızı Girin"></td>
</tr>
<tr>
<td>Soyad :</td>
<td><input type="text"name="soyad"id="soyad" required placeholder="Lütfen Soyadınızı Girin"></td>
</tr>
<tr>
<td colspan="2">
FUTBOL<input type="checkbox"name="hobi1" id="hobi1">
YÜZME<input type="checkbox"name="hobi2" id="hobi2">
KARATE<input type="checkbox"name="hobi3" id="hobi3">
KİTAP<input type="checkbox"name="hobi4" id="hobi4">
</td>
</tr>
<tr>

<td colspan="2">
KADIN<input type="radio"name="cinsiyet" id="cinsiyet" value="kadın">
ERKEK<input type="radio" name="cinsiyet" id="cinsiyet" value="erkek">
</td>

</tr>
<tr>
<td>YAŞ</td>
<td><input type="number" name="yas" id="yas" min="18" max="88"></td>
</tr>

<tr>
<td>MAİL:</td>
<td><input type="email" name="mail" id="mail" required></td>
</tr>

<tr>
<td colspan="2">
<input type="submit" name="kaydet" id="kaydet" value="KAYDET">
<input type="reset" name="sil" id="sil" value="TEMİZLE">

</td>
</tr>
</table>

</form>

</body>

</html>
Ekran Çıktısı:
1608732537364.png
 
Üst Alt