<İnput type = 'button' /> ve <input type = 'gönder' /> arasındaki fark

Aptalca bir soru diye bir şey yoktur, işte başlıyoruz: <input type='button' />ve arasındaki fark nedir <input type='submit' />?

<input type="button" />düğmeleri bir form göndermez - varsayılan olarak hiçbir şey yapmazlar. Genellikle bir AJAX uygulamasının parçası olarak JavaScript ile birlikte kullanılırlar.

<input type="submit"> JavaScript ile aksi belirtilmedikçe, düğmeler kullanıcı üzerlerine tıkladığında içinde bulundukları formu gönderir.

Bir 'düğme' sadece Javascript kullanarak ek işlevsellik ekleyebileceğiniz bir düğmedir. 'Gönderme' giriş türü, yerleştirildiği formu gönderme varsayılan işlevine sahiptir (yine de, Javascript kullanarak ek işlevler ekleyebilirsiniz).

Düğme kendi başına form göndermeyecektir.Javascript kullanarak bazı işlemleri gerçekleştirmek için kullanılan basit bir düğmedir, Gönder ise kullanıcı gönder düğmesini her tıklattığında varsayılan olarak formu gönderen bir tür düğmedir.

IE 8 aslında gönder veya düğmesiyle karşılaştığı ilk düğmeyi kullanır. Girdi türünü yaparak hangisinin isteneceğini kolayca belirtmek yerine = sayfadaki siparişi vermek gerçekten önemlidir.

Ayrıca, "form" adlı adlandırılmış bir girişin, diğer formun adlandırılmış alanlarıyla birlikte gönderileceği, ancak adlandırılmış bir girdi türü = "düğme" olmayacağı da belirtilmelidir.

Diğer bir deyişle, aşağıdaki örnekte, adlandırılan girdi name=button1 WILL'T gönderilirken adlandırılmış girdi name=submit1 WILL'T gönderilecektir.

Örnek HTML formu (index.html):

<form action="checkout.php" method="POST">

  <!-- this won't get submitted despite being named -->
  <input type="button" name="button1" value="a button">

  <!-- this one does; so the input's TYPE is important! -->
  <input type="submit" name="submit1" value="a submit button">

</form>

Yukarıdaki formun eylemini işleyen PHP betiği (checkout.php):

<?php var_dump($_POST); ?>

Yerel makinenizde yukarıdakileri test ederek / tmp / test / adlı bir klasörde iki dosyayı oluşturarak yerleşik PHP web sunucusunu kabuktan çalıştırarak test edin:

php -S localhost:3000 -t /tmp/test/

Tarayıcınızı http: // localhost: 3000 adresinden açın ve kendiniz görün.

Biri neden adlandırılmış bir düğme göndermemiz gerektiğini merak ederdi? Arka uç komut dosyasına bağlıdır. Örneğin, WooCommerce WordPress eklentisi, Place Orderadlandırılan düğme de gönderilmediği sürece yayınlanan bir Checkout sayfasını işlemez . Türünü gönder düğmesinden değiştirirseniz, bu düğme gönderilmez ve Checkout formu hiçbir zaman işleme alınmaz.

Bu muhtemelen küçük bir detay ama biliyorsunuz, şeytan ayrıntılarda.

<input type="button">sadece form dahilinde değil, herhangi bir yerde de kullanılabilir ve eğer bir formda ise form göndermezler. Çok daha uygun Javascript.

<input type="submit">yalnızca formlarda kullanılmalıdır ve belirtilen URL'ye bir istek (GET veya POST) gönderirler. Onlar gerektiğini değil herhangi bir HTML yerine koymak.

W3C, Düğme elemanı ile ilgili spesifikasyonda açıklığa kavuşturur

Düğme, varsayılan davranışı olmayan tüm Düğmeler için genel bir sınıf olarak görülebilir.

W3C

type='Submit'BACK-END (PHP, .NET vb.) üzerindeki değerleri iletmek ve almak için ayarlanmıştır. type='button'normal düğme davranışını yansıtacaktır.