Merhabalar,

Bu yazımda form etiketi dışında bir submit (gönder) butonu nasıl oluşturulur, bunu anlatacağım. Normal şartlarda <form> etiketi içerisinde type="submit" olan bir <button> veya <input> elemanı varsa bu, formu otomatik olarak gönderir.

Ancak bazı özel tasarımlarda, submit butonunu formun dışında kullanmak gerekebilir. Aşağıda bu işlemi nasıl gerçekleştireceğinizi gösteriyorum.

HTML Örneği:

<!-- ID değeri verilmiş form -->
<form id="formid">
  <label for="email">Email:</label>
  <input type="email" name="email" placeholder="Email">
</form>

<!-- Form dışında yer alan submit butonu -->
<button type="submit" form="formid">Gönder</button>

Yukarıda gördüğünüz gibi, form etiketinin dışında bir submit butonu kullandık ve bu buton yine de formu başarılı bir şekilde gönderebiliyor.

Dikkat etmeniz gereken nokta: Butona form niteliği verilmeli ve bu değer, formun id değeriyle aynı olmalıdır. Aksi takdirde çalışmaz.

Bu yöntem özellikle esnek tasarımlarda veya form alanı ile butonun farklı yerlerde konumlanması gerektiği durumlarda oldukça kullanışlıdır.

Mutlu Kodlamalar! :)