içinde özelleştirilebilir metin düğmeleri oluşturun. HTML kullanmak giriş etiket. giriş eleman bir içinde kullanılır form öğe.
ayarlayarak niteliktip "düğmeye", basit bir tıklanabilir düğme oluşturur. Butonda görünecek metni "Gönder" gibi tanımlayabilirsiniz. değer nitelik. Örneğin:
giriş etiketi bir HTML formu göndermez; dahil etmelisin JavaScript form-veri gönderimini işlemek için. JavaScript olmadan tıklamada olay, düğme tıklanabilir gibi görünecek ancak hiçbir şey olmayacak ve okuyucularınızı hayal kırıklığına uğratmış olacaksınız.
'düğme' Etiketi Alternatifi
kullanılmasına rağmen giriş bir düğme oluşturmak için etiketi amacına uygun olarak çalışır, kullanmak daha iyi bir seçenektir. buton web sitenizin HTML düğmelerini oluşturmak için etiket. buton etiketi daha esnektir çünkü düğme için görüntüleri kullanmanıza izin verir (bu, görsel tutarlılığı korumanıza yardımcı olur). örneğin site tasarım temasına sahiptir ve herhangi bir ekstraya ihtiyaç duymadan gönder veya sıfırla buton türü olarak tanımlanabilir. JavaScript.
Düğmeyi belirtin tip herhangi bir özellik buton etiketler. Üç farklı türü vardır:
- buton:Düğmenin doğal bir davranışı yoktur, ancak istemci tarafında çalışan, düğmeye eklenebilen ve tıklandığında çalıştırılabilen komut dosyalarıyla birlikte kullanılır.
- Sıfırla: Tüm değerleri sıfırlar.
- Sunmak: Düğme, form verilerini sunucuya gönderir (bu, herhangi bir tür tanımlanmamışsa varsayılan değerdir).
Diğer özellikler şunları içerir:
- isim: Düğmeye bir referans adı verir.
- değer: Düğmeye başlangıçta atanacak bir değeri belirtir.
- devre dışı bırakmak: Düğmeyi kapatır.
Düğmelerle İlerlemek
HTML5, ek özellikler ekler buton işlevselliğini artıran etiket.
- otomatik odaklama: Sayfa yüklendiğinde, bu seçenek odak noktasının bu düğme olduğunu belirtir. Bir sayfada yalnızca bir otomatik odak kullanılabilir.
- form: Değer olarak formun tanımlayıcısını kullanarak düğmeyi aynı HTML belgesi içindeki belirli bir formla ilişkilendirir.
- formasyon: Sadece ile kullanılır type="gönder" ve değer olarak bir URL, form verilerinin nereye gönderileceğini belirtir. Hedef genellikle bir PHP betiği veya benzeri bir şeydir.
- formenctype: Sadece ile kullanılır type="gönder" nitelik. Sunucuya gönderildiğinde form verilerinin nasıl kodlanacağını tanımlar. Üç değer application/x-www-form-urlencoding (varsayılan), çok parçalı/form-veri, ve metin/düz.
- biçim yöntemi: Sadece ile kullanılır type="gönder" nitelik. Bu, form verilerini gönderirken hangi HTTP yönteminin kullanılacağını belirtir. almak veya İleti.
- formnovalidat: Sadece ile kullanılır type="gönder" nitelik. Form verileri gönderildiğinde doğrulanmayacaktır.
- biçim hedefi: Sadece ile kullanılır type="gönder" nitelik. Bu, form verileri gönderildiğinde, örneğin yeni bir pencerede vb. site yanıtının nerede görüntülenmesi gerektiğini belirtir. Değer seçenekleri ya_blank, _self, _parent, _top, veya belirli bir çerçeve adı.
hakkında daha fazla bilgi edinin HTML formlarında düğme yapma, ve sitenizi nasıl daha kullanıcı dostu hale getirirsiniz.