Yükleniyor...

HTML Formları

Responsive genişlikleri uydurdu. Formlar yeni bölüm: ziyaretçi yazar ve gönderir. Kap form.

Formlar neden önemli

Statik sayfalar gösterir; formlar toplar. form olmadan tarayıcı hangi kontrollerin bir gönderime ait olduğunu bilmez.

Doğrudan yanıt

1) action/method’lu form. 2) name’li kontroller. 3) label for = id. 4) submit düğmesi. Önce işaretleme.

📊 Form parts at a glance

Part	Job	Beginner tip
form	Groups controls for one submission	Keep related fields inside one form
action	URL or path that receives the data	Practice paths are fine while learning
method	How the browser sends the payload	get puts data in the URL; post uses the request body
input (+ others)	Collects a value from the user	Always set name for submitted keys
label	Names the field for people and assistive tech	for must match the control id
submit	Triggers sending the form	Prefer type="submit" on buttons

Minimal form iskeleti

Kap ve iki öznitelikle başlayın. Alıştırma yolu öğrenmek için yeter.

Minimal form skeleton

html

<form action="/subscribe" method="post">
<!-- fields go here -->
</form>

İskeleti okuyun

form gönderim sınırı
action alım yolu
post = gövde
get = URL
gerçek sunucu olmadan 404 öğrenirken normal

Etiketli alan + gönder

En az bir alan ve gönderme yolu. for id ile eşleşsin; name koyun.

Subscribe form with label

html

<form action="/subscribe" method="post">
<label for="email">Email</label>
<input id="email" name="email" type="email" required>
<button type="submit">Subscribe</button>
</form>

Abone demosunu okuyun

for ve id bağlar
name payload anahtarı
type=email tarayıcı ipucu
button type=submit gönderir

GET ve POST

get yer imine uygun arama için; post verinin adres çubuğunda kalmaması gerektiğinde.

Alıştırma — küçük abone formu

post’lu form
etiketli email input + name
button type=submit
render’ı kontrol edin
input’u kısa süre dışarı alın

Kolay hatalar

form dışı input
name yok
type=submit’siz düğme
label/for uyumsuz
action ile method’u karıştırmak

Özet

form bir gönderim için kontrolleri sarar
action + method hedefi ve stili anlatır
label ve name alanı gönderilebilir yapar
sırada: form öznitelikleri

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör

❓

Sorular

🎯

70%

Geçmek İçin

♾️

∞

Süre

🔄

∞

Deneme

📝 Talimatlar

Her soruyu dikkatle okuyun
Her soru için en iyi cevabı seçin
Quiz'i istediğiniz kadar tekrar alabilirsiniz
İlerlemeniz üstte gösterilecek