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
PDF Dosyasını Web Sitesine Ekleme
Devamını Oku

PDF Dosyasını Web Sitesine Ekleme

Bu yazımda web sitesine PDF dosyasını nasıl yerleştirebiliriz ? iframe etiketi ile birlikte pdf dosyasını kullanışlı bir şekilde gösterebiliriz bu konulardan bahsettim. Detaylar için yazımı inceleyebilirsiniz.

Devamını Oku

HTML Yeni Sekmede Link Açma
Devamını Oku

Yeni Sekmede Link Açma

HTML ile sitenizde bir link (bağlantı) verdiğinizde sizin sitenizden ayrılmadan o bağlantıyı yeni bir sekmede açma işlemini yapabilirsiniz. Nasıl yapıldığına dair detaylar yazının devamında açıklanmıştır.

Devamını Oku