Menu
Coddy logo textTech
ÖĞRENMEYE BAŞLA
flag Tr iconTürkçedown icon

Formlardaki Butonlar

Coddy'nin HTML Journey'sinin Fundamentals bölümünün bir parçası — ders 45 / 60.

Butonlar, verilerin gönderilmesine veya alanların sıfırlanmasına yardımcı oldukları formlarda kilit bir rol oynar. Nasıl çalıştıklarını görelim:

Gönder Düğmesi:

<form>
	<input type="text" name="username" placeholder="Enter username">
	<button type="submit">Submit</button>
</form>
  • type="submit": Form verilerini sunucuya gönderir.

Sıfırlama Butonu:

<form>
	<input type="text" name="name" value="John Doe">
	<button type="reset">Reset</button>
</form>
  • type="reset": Tüm alanları temizler ve onları varsayılan değerlerine döndürür.
challenge icon

Görev

Kolay

Farklı türde butonlar içeren bir formun bulunduğu bir HTML belgesi oluşturun. Form aşağıdaki öğelere sahip olmalıdır:

  1. "message" adına ve "Enter your message" yazan bir yer tutucuya (placeholder) sahip bir metin giriş alanı.
  2. "Send" metnine sahip bir gönder (submit) butonu (<button type="submit">) ekleyin.
  3. "Clear" metnine sahip bir sıfırlama (reset) butonu (<button type="reset">) ekleyin.
  4. "Click Me" metnine sahip genel bir buton (<button>) ekleyin.

Kopya kağıdı

Formlardaki butonlar, belirli işlevler için farklı türlere sahiptir:

Gönder Butonu:

<button type="submit">Submit</button>
  • type="submit": Form verilerini sunucuya gönderir

Sıfırla Butonu:

<button type="reset">Reset</button>
  • type="reset": Tüm alanları temizler ve varsayılan değerlerine döndürür

Genel Buton:

<button>Click Me</button>
  • Belirli bir form davranışı olmayan varsayılan buton

Kendin dene

<!DOCTYPE html>
<html>
    <body>
        <!-- Kodunuzu buraya yazın -->
    </body>
</html>
quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Fundamentals bölümündeki tüm dersler

1HTML Temelleri

HTML Nedir?HTML'in Temel YapısıEtiketler ve Elementlerİç İçe Geçirme ve Kapatma EtiketleriHTML'de Yorumlar

4Tarif Kartı

Projeye Genel BakışTarif Başlığı ve AçıklamasıProje dersiMalzemelerProje dersiAdımlarProje dersi

7Kişisel Profil Sayfası

Projeye Genel BakışHeader BölümüProje dersiProfil ResmiProje dersiHakkımda BölümüProje dersiSosyal BağlantılarProje dersi

10Tablolar

Tablo TemelleriBaşlık EklemeSatır ve Sütun BirleştirmeÖzet - Tablolar

2Metin ve Biçimlendirme

BaşlıklarParagraflarSatır SonlarıKalın ve İtalik MetinYeniden Kalın ve İtalikÖzet - Biçimlendirme

5İçerik Ekleme

HTML ÖznitelikleriBağlantılarYeni Sayfa BağlantılarıGörsellerGörsel Öznitelikleri

8Formlar ve Inputlar Bölüm 1

Form TemelleriMetin InputlarıInput ÖznitelikleriŞifre AlanıInputlar için EtiketlerÖzet - Temel Form

11Etkinlik Kayıt Sayfası

Projeye Genel BakışHeader BölümüProje dersiEtkinlik Detayları BölümüProje dersiKayıt FormuProje dersiFooter BölümüProje dersi

3Listelerle Çalışma

Sırasız ListeSıralı Listeİç İçe ListelerÖzet - Listeler

6Sayfa Düzeni

BölümlerSatır İçi Span'lerSemantik EtiketlerSection ve Article EtiketleriÖzet - Düzen

9Formlar ve Girdiler Bölüm 2

Radyo DüğmeleriOnay KutularıAçılır MenülerButonlarFormlardaki ButonlarÖzet - Formlar #1Özet - Formlar #2

12Final Meydan Okumaları

Basit Profil KartıEtkinlik Davetiye KartıBasit Makale SayfasıFavori Kitaplar Listesi