Html'de Bir Düğme Nasıl Yapılır

İçindekiler:

Html'de Bir Düğme Nasıl Yapılır
Html'de Bir Düğme Nasıl Yapılır

Video: Html'de Bir Düğme Nasıl Yapılır

Video: Html'de Bir Düğme Nasıl Yapılır
Video: Basit Ve Konu Anlatımlı Buton Yapımı(Html-Css Hover Etkili) 2024, Mayıs
Anonim

Düğmeler ve etiketleri kullanılarak HTML'de oluşturulur. Bunlar hemen hemen her arabirimin ayrılmaz bir parçasıdır ve gerekli bilgileri işleyici komut dosyasına göndermeye veya önceden doldurulmuş formları temizlemeye yardımcı olur.

Html'de bir düğme nasıl yapılır
Html'de bir düğme nasıl yapılır

Talimatlar

Aşama 1

Tanımlayıcıyı kullanmak, sayfaya ad ve değer adında bir düğme ekler. name niteliği, öğeye benzersiz bir tanımlayıcı verir ve form işlemcisi tarafından değerini belirlemek için kullanılır. Değer, gerekli metni en üste yerleştirir. Örneğin, bir düğme oluşturmak için aşağıdaki kodu yazın:

Bu komut, üzerinde ad düğmesi ve üzerinde "Gönder" yazısı bulunan bir düğme oluşturacaktır.

Adım 2

Tanımlayıcı benzer bir öğe oluşturur, ancak bir web geliştiricisinin ihtiyaç duyabileceği kullanım için birçok ek parametre sunar. Böylece, bir tablo veya resmi, biçimlendirilmiş metni veya bir listeyi üst üste bindirebilirsiniz. Örneğin:

Metin

Aşama 3

form özelliği, verileri işlemek için kullanılacak formun tanımlayıcısını belirtir. Formaction, belgenin başka bir bölümünde, başka bir dosyada veya bir sitede bir form işleyicisi kurar. Formmethod, veri aktarma yöntemini tanımlamaktan sorumludur. Ad, düğmenin adını belirtir, tür - tür (normal, veri göndermek veya formu temizlemek için). Değer - komut dosyaları tarafından okunacak değer. Düğme, belirtilen adrese ve kalın metne sahip bir resim görüntüler.

4. Adım

Girilen verileri işleyecek bir düğme oluşturmak için öznitelikte uygun türü belirtmelisiniz:

Kullanıcı girişini temizleyen bir düğme oluşturmak için type = “reset” olarak ayarlayın.

Önerilen: