Formlarda HTML Giriş Etiketi ve Düğme Etiketi Kullanımı

Özellik türünü "düğme" olarak ayarlayarak, basit bir tıklanabilir düğme oluşturulur. Değer özniteliğini kullanarak "Gönder" gibi düğmede görünecek metni tanımlayabilirsiniz.

Örneğin:

etiketinin bir HTML formu göndermeyeceğini unutmayın; Form verilerinin sunulması için JavaScript eklemeniz gerekir. JavaScript onclick olayı olmadan, düğme tıklanabilir görünebilir, ancak hiçbir şey olmayacak ve okuyucularınızı hayal kırıklığına uğratmış olacaksınız.

& Lt; button & gt; Etiket Alternatif

Bir düğme oluşturmak için giriş etiketini kullanarak amacına uygun olsa da, web sitenizin HTML düğmelerini oluşturmak için etiketini kullanmak daha iyi bir seçenektir. etiketi daha esnektir, çünkü bu düğme için görüntüleri kullanmanıza olanak verir (örneğin, sitenizde bir tasarım teması varsa görsel tutarlılığı korumanıza yardımcı olur), örneğin bir gönderme veya sıfırlama türü düğmesi olarak tanımlanabilir herhangi bir ek JavaScript gerek kalmadan.

Herhangi bir

etiketinde düğme tipi özelliğini belirtmek isteyeceksiniz. Üç farklı türü vardır:

• düğmesi - Düğmenin yerleşik bir davranışı yoktur, ancak istemciye bağlı ve tıklatıldığında çalıştırılabilen istemci tarafında çalışan komut dosyaları ile birlikte kullanılır.
• reset - Tüm değerleri sıfırlar.
• submit - Bu düğme sunucuya veri gönderir (bu, herhangi bir tip tanımlanmamışsa varsayılan değerdir).

Diğer özellikler şunları içerir:

• isim - Düğmeye bir referans adı verir.
• value - Düğmeye başlangıçta atanacak bir değer belirtir.
• disable - Düğmeyi kapatır.

HTML5, size daha fazla işlevsellik kazandıran

etiketine bazı ek özellikler ekler.

• autofocus - Sayfa yüklendiğinde, bu, bu düğmenin odak olduğunu belirtir. Bir sayfada sadece bir otomatik odaklama kullanılabilir.
• form - Formu, formun tanımlayıcısı olan değer olarak kullanarak aynı HTML belgesindeki bir formla ilişkilendirir. Örneğin:

Gönder

formaction - Sadece type = "submit" ve değer olarak bir URL ile kullanılır, form verilerinin gönderileceği yeri belirtir. Örneğin:

Form verilerini başka bir sayfaya gönderin

formenctype - yalnızca type = "submit" özelliğiyle kullanılır. Sunucuya gönderildiğinde form verilerinin nasıl kodlanacağını tanımlar. Üç değer uygulama / x-www-form-urlencoded (varsayılan), multipart / form-data ve text / plain'dur.

formmethod - yalnızca type = "submit" özelliğiyle kullanılır. Bu, form verisi gönderilirken kullanılacak ya da gönderilecek olan hangi HTTP yönteminin kullanılacağını belirtir .

formnovalidate - yalnızca type = "submit" özelliğiyle kullanılır. Form verileri gönderildiğinde onaylanmayacaktır.

formtarget - Yalnızca type = "submit" özelliğiyle kullanılır. Bu, yeni bir pencerede olduğu gibi, form verisi gönderildiğinde site yanıtının nerede görüntüleneceğini gösterir. Değer seçenekleri, _blank, _self, _parent, _top veya belirli bir kare adıdır.

Formlar kullanıyorsanız, HTML formlarında düğme oluşturma ve sitenizi daha kullanıcı dostu hale getirme hakkında bilgi edinmek isteyebilirsiniz.