Form Tagı Dışında Submit (Gönder) Butonu

Form Tagı Dışında Submit (Gönder) Butonu
Form Tagı Dışında Submit (Gönder) Butonu
Bu yazımda html form tag (etiketi) dışında bir gönder (submit) butonu nasıl kullanılır bu konudan bahsettim. Detaylar için yazımı inceleyebilirsiniz.

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 🙂

0 Shares:

Benimle yorumunu paylaş;

Bunlara da göz atabilirsin
Owl Carousel 2 Kullanımı
Devamını Oku

Owl Carousel 2 Kullanımı

Popüler slider kütüphanelerinden birisi olan Owl Carousel 2 kullanımından bahsettim. Kurulumu, kullanımı ve basitçe yapı anlatılmıştır.

Devamını Oku