Merhabalar,
Bu yazımda form tag (etiketi) dışında bir gönder (submit) butonu nasıl eklenir bundan bahsedeceğim.
Normalde form etiketi içinde type niteliği submit olan input veya button elemanı varsa bu otomatik olarak gönderme işlevini görüyor. Biz ise konu başlığından anlaşılacağı üzere form etiketi dışında bir submit elemanı oluşturmayı öğreneceğiz.
Hemen Html örneğini aşağıya bırakıyorum.
<!-- id değeri vererek form oluşturuyoruz -->
<form id="formid">
<label for="email">Email:</label>
<input type="email" name="email" placeholder="Email" />
</form>
<!-- Form dışındaki submit butonu -->
<button type="submit" form="formid">Gönder</button>Evet gördüğünüz gibi form etiketi dışında submit butonu kullandık ve bunu kendi sitenize eklediğinizde sizde de çalışacaktır.
Çalışması için dikkat etmeniz gereken tek nokta, buton elemanının form niteliği ile üstte oluşturduğumuz form elemanının id niteliği aynı olmasıdır.
Örnek üzerinde de görebilirsiniz. Butonun form niteliği ile form elementinin id değerleri aynı olduğunda form etiketi dışında kullanabilirsiniz.
Bazı özel tasarımlar gereği ihtiyaç duyulan bir konu olabiliyor. Umarım işinize yarar.
Mutlu Kodlamalar 🙂
