HTML'de submit değeriyle type özniteliği ne anlama gelir?

HTML öğesi <button> veya <input> içindeki type="submit" özniteliği, bu öğenin formu göndermeye yönelik olduğunu belirler. Bu öznitelikle tıklanan düğme, tarayıcının formdaki tüm öğelerin verilerini toplamasını sağlar ve bunları <form> etiketinin action özniteliğinde belirtilen URL'ye (veya action belirtilmemişse mevcut URL'ye) gönderir.

Nasıl çalışır:

• <form> içinde: type="submit" olan düğme, en yakın ebeveyn form ile otomatik olarak ilişkilendirilir. Üzerine tıklandığında, method özniteliğinde belirtilen HTTP yöntemiyle formun standart gönderim süreci başlatılır (varsayılan GET).
• <form> dışında: <form> dışında type="submit" olan bir düğme otomatik form gönderme işlevine sahip değildir. JavaScript ile kullanılarak form manuel olarak gönderilebilir veya başka işlemler yapılabilir.

Kullanım örneği:

<form action="/submit-handler" method="POST">
  <label for="username">Kullanıcı adı:</label>
  <input type="text" id="username" name="username"><br><br>

  <label for="password">Şifre:</label>
  <input type="password" id="password" name="password"><br><br>

  <button type="submit">Formu gönder</button>
</form>

Bu örnekte, "Formu gönder" düğmesine tıklandığında, tarayıcı username ve password alanlarının verilerini /submit-handler URL'sine POST yöntemiyle gönderecektir.

type="button" ile karşılaştırma:

Öznitelik	Amaç	Otomatik form gönderimi	JS ile kullanım
type="submit"	Formu göndermek	Evet	Evet
type="button"	Rastgele düğme, gönderimle ilişkili değil	Hayır	Evet