Javascript Düğme Etiketi

| | | | | | | | | | | | | | | | | | | | | |

HTML düğmesi etiketi, bir HTML formunda tıklanabilir bir düğme oluşturmak için kullanılır. Bir kullanıcının bir web sitesine bir biçimde bilgi göndermesine izin verir. Düğme stili CSS ile kontrol edilebilir.

Bir web sayfasında form oluşturduğunuzda, kullanıcının form gönderebilmesi için tıklanabilir bir düğme oluşturmanız gerekir. Örneğin, bir e-ticaret sitesinde bir kullanıcıdan teslimat bilgilerini toplayan bir sipariş formunuz olabilir. Kullanıcı formları doldurduktan sonra, bilgileri göndermek için bir düğme olmalıdır.

HTML etiketi. Ayrıca, özel bir düğme oluşturmak için kullanabileceğiniz öznitelikleri tartışacağız ve bu özniteliklerin bazı örneklerini çalışırken keşfedeceğiz.

Güncellenmiş HTML Formu

HTML Formlar bir web sayfasında adlar, numaralar telefon veya adresler gibi farklı türde kullanıcı girdilerini toplamak için kullanılır.

Her form, kullanıcıların siteye bilgi göndermesine olanak tanıyan girdi öğeleri içerir. Örneğin, bir web sayfasında kullanıcı adını, doğum tarihini, kredi kartı bilgilerini ve daha fazlasını toplamak için form öğeleri içeren bir sipariş formu olabilir.

kullanılır. HTML`de bir form oluşturmak için. Bir kullanıcının adını toplayan bir şekil oluşturmak için kullanılan `un basit bir örneğini burada bulabilirsiniz:

Bir form etiketi birden fazla etiketi içerebilir veya seçim kutuları gibi diğer kullanıcı girdi öğeleri. Ek olarak, bir form, tıklandığında kullanıcının bilgilerini siteye gönderen bir Bootcamp eşleşmenizi bulun

Düğmemiz şu şekilde görünüyor bir web sayfası:

 T2EtZ5J4P2s1cbcWl5XhnxkV2LBddqnXHZCRN5Ij5ar7hjumzZimB1hJg IovfjLkqU5yz1Kp29DUy4GXkyNknZUROEhEzdNYEBnNr4 W SC7PgkwUQtwb5kUzO6 FOfTpFwK4js

Şimdi bizim web sayfasında bir düğme olması, bir kullanıcı yapabilirsiniz

formda girilen bilgileri girin. `u farklı yorumladığına dikkat edilmelidir. Örneğin, sürüm 9`dan önceki Internet Explorer, metni etiketi, oluşturmak için kullanılabilecek bir dizi öznitelik içerir. özel bir düğme. Ek olarak, öğesinin ana özelliklerini ayrıntılı olarak inceleyelim.

otomatik odaklama, bir düğmenin olması gerektiğini belirtmek için kullanılır. web sayfası yüklendiğinde odağı otomatik olarak alır. İşte otomatik odaklama sözdizimi:

devre dışı

devre dışı düğmedeki özelliği devre dışı bırakır, bu da kullanıcıların makaleyle etkileşime giremeyeceği anlamına gelir. İşte devre dışı sözdizimi:

Aşağıda görebileceğiniz gibi, düğmemiz gri renkte ve tıklanamıyor:

 4rmFBMpA X5H M16KvlWPhDx9gP XlfNM43RfQU42SI5elokTMBCp8vvpqcbf6VjPYfuqVb6SmsU2zo8llK22b BQUYTfeWXYV kyNjO0dtULXxU9 DOVWeoptXa4gSRTovA0 jmw

bir şekilde kullanılan alan şekil com / 4rmFBMpA-X5H-M16KvlWPhDx9gP_XlfNM43RfQU42SI5elokTMBCp8vvpqcbf6VjPYfuqVb6SmsU2zo8llK22b-bQUYTfeWXYVkyNjO0dtULXxU9-dOVWeoptXa4gSRTovA0_Jmw bir düğme öğesini bir forma bağlamak için. form değeri, formun başvurduğu formun id ile aynı olmalıdır. gönder düğmesini Pizza formumuza bağlayan form özelliği:

form özelliği butonumuzu şekle Pizza tanımlayıcısı ile bağladı.Böylece butona tıkladığımızda formumuz ile birlikte gönderilecek. id Pizza.

Eğitim

eğitim, düğme tarafından gönderilen bilgileri işleyecek bir programın URL`sini belirtir. Bu öznitelik yalnızca, düğmenizdeki type Send`e Eşitse kullanılabilir.

İşte bir training özniteliği örneği kullanılan:

formenctype

formenctype, formun sunucuya gönderildiğinde nasıl şifrelenmesi gerektiğini belirtir . Bu öznitelik yalnızca formunuzda "= `post`" özniteliği kullanıldığında kullanılmalıdır.

İşte, göndermek için kullanılan bir formenctype örneği düğmemiz tıklandığında sunucuya düz metin:

Formmethod

formmethod , HTTP değerini belirtmek için kullanılır tarayıcının formu göndermek için kullanacağı yöntem. Bu öznitelik yalnızca "type = `gönder` " özniteliği ile kullanılmalıdır. P>

formmetho d için kabul edilen iki değer ‚Äã‚Äã, get ve after`dir. Bilgi almak veya bir HTTP GET çalıştırmak istiyorsanız, get kullanmanız gerekir; bilgi göndermek veya bir HTTP POST yürütmek istiyorsanız, sonra kullanmalısınız.

İşte formmethod sözdizimi:

formnovalidate

formnovalidate için kullanılır form verilerinin gönderildiğinde doğrulanması gerekmediğini belirtin. Örneğin, kullanıcı girişini kabul etmek istiyorsanız, tüm alanlar doldurulmasa bile, formnovalidate

İşte formnovalidate örneği eylem:

Formtarget

formtarget , form gönderildikten sonra sunucunun gönderdiği yanıtın hedef konumunu ayarlar ve bu öznitelik için kabul edilen değerler ‚Äã‚Äã:. _blank, _self, _parent, _top <. / code> veya Uframe`inizin adı

Burada formtarget sözdizimidir:

Ad

name etiketi, düğme adını belirtmek için kullanılır (diğer tüm adlardan benzersiz olmalıdır). lementi şekiller ve adlar ) ve aşağıdaki sözdizimini kullanır:

değer

value etiketi düğmenin ilk değerini belirtir. İşte değer sözdizimi:

 bir HTML`de tıklanabilir bir düğme oluşturmak için kullanılabilir  modülü. Örneğin, bir kullanıcının pizza siparişi vermesine olanak tanıyan bir formunuz varsa, kullanıcının hazır olduğunda sipariş bilgilerini göndermesine olanak tanıyan bir `un nasıl kullanılacağını öğrendik. etiketini kullanarak özel düğmeler oluşturun ve bu özelliklerin nasıl kullanılabileceğine dair bazı örnekleri araştırın.

Artık HTML