HTML, web'in yapı taşıdır. Bu biçimlendirme dilinin daha az bilinen, ancak yararlı kısımlarını bilmek hayatınızı çok daha kolaylaştırabilir. HTML özellikleri, HTML'den en iyi şekilde yararlanmanıza yardımcı olabilecek çeşitli özellikler sağlar. Bir HTML öğesinin ek özelliklerini veya özelliklerini tanımlar.
Bu makalede, muhtemelen henüz duymadığınız 11 HTML özelliği hakkında bilgi edineceksiniz.
1. çoklu
Bu özellik, kullanıcıların birden çok değer girmesine izin verir. ile çoklu özniteliği kullanabilirsiniz. etiketler ve etiketler. Bu boole özelliği yalnızca e-posta veya dosya giriş türleri için geçerlidir.
Birden Çok Özellik Kullanmak
Dosya Girişi için Birden Fazla Özellik Kullanma
Dosya girişi için çoklu özniteliği kullanarak, birden çok dosya seçebilirsiniz ( Vardiya veya Ctrl anahtarlar).
E-posta Girişi için Birden Fazla Özellik Kullanma
E-posta girişi için çoklu özniteliği kullanarak, virgülle ayrılmış e-posta adreslerinin bir listesini girebilirsiniz. Tüm beyaz boşluklar listedeki her bir adresten kaldırılacaktır.
2. içerik düzenlenebilir
Contenteditable niteliğini kullanarak HTML içeriğini bir web sayfasında düzenlenebilir hale getirebilirsiniz. Bu genel bir niteliktir, yani tüm HTML öğelerinde ortaktır.
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut emek ve dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud egzersizi
ullamco Laboris Nisi ut Aliquip Ex ea Commodo Consequat.
3. yazım denetimi
Yazım denetimi özelliği, öğenin yazım hataları için denetlenip denetlenmeyeceğini belirtir. Metinde yazım denetimi yapabilirsiniz. öğeleri, düzenlenebilir öğelerdeki metin veya giriş öğelerindeki metin (şifreler hariç).
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut worke et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud egzersiz
ullamco Laboris nisi ut aliquip ex ea commodo consequat.
İlgili: HTML Essentials Hile Sayfası: Etiketler, Nitelikler ve Daha Fazla
4. indir
İndirme özelliğini kullanarak bir kaynak indirebilirsiniz. İndirme özelliği, tarayıcıya belirtilen URL'ye gitmek yerine onu indirmesini söyler. İndirme özelliğini etiketi ve etiketi ile kullanabilirsiniz.
Not: İndirme özelliği bir tek aynı kökenli URL'lerle çalışır. aynı kaynak politikasının kurallarına uygundur.
İndir5. Kabul et
etiketinin kabul özniteliği, bir kullanıcının yükleyebileceği dosya türlerini belirtir. Değeri olarak bir veya daha fazla dosya türünün virgülle ayrılmış bir listesini belirtebilirsiniz.
Bir Ses Dosyasını Kabul Etme
Bir Video Dosyasını Kabul Etme
Bir Görüntü Dosyasını Kabul Etme
Bir Microsoft Word Dosyasını Kabul Etme
accept=".doc,.docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">
PNG veya JPEG Dosyalarını Kabul Etme
PDF Dosyasını Kabul Etme
İlgili: Herkesin Web Sitelerine Ekleyebileceği Harika HTML Efektleri
6. translate
Çeviri özniteliği, tarayıcıya sayfa yerelleştirildiğinde öğenin çevrilmesi veya çevrilmemesi gerektiğini söyler. 2 değeri olabilir: "evet" veya "hayır".
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut emek ve dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud egzersiz
ullamco Laboris nisi ut aliquip ex ea commodo consequat.
İlgili: 10'da Öğrenebileceğiniz Basit HTML Kodu Örnekleri Dakika
7. poster
poster özelliği, video indirilirken veya kullanıcı videoyu oynatana kadar bir resmi göstermek için kullanılır. video.
Not: Hiçbir şey belirtmezseniz, ilk kare görüntülenene kadar hiçbir şey görüntülenmez. mevcut. İlk kare mevcut olduğunda poster çerçevesi olarak gösterilir.
src=" http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
poster="posterImage.png">
8. inputmode
Inputmode özniteliği, bir kullanıcı herhangi bir girdi veya textarea öğesi seçtiğinde hangi klavyenin görüntüleneceğini belirtir. Bu özellik çeşitli değerleri kabul eder:
None
Sayısal
Tel
Ondalık
E-posta
URL
Ara
9. kalıp
öğesinin kalıp özelliği, öğenin değerinin doğrulanacağı düzenli bir ifade belirtmenize olanak tanır. Kalıp niteliğini metin, tarih, arama, URL, tel, e-posta ve şifre gibi çeşitli giriş türleri ile kullanabilirsiniz.
İlgili: En İyi Siteler Kaliteli HTML Kodlama Örnekleri
10. otomatik tamamlama
Otomatik tamamlama özelliği, tarayıcının kullanıcı girişlerine göre girişi otomatik olarak tamamlayıp tamamlamayacağını belirtir. Otomatik tamamlama özelliğini metin, arama, URL, tel, e-posta, şifre, tarih seçici, aralık ve renk gibi çeşitli giriş türleri ile kullanabilirsiniz. Bu özelliği öğeleriyle veya öğeleri.
11. otofokus
Otomatik odak özniteliği, bir öğenin sayfa yüküne odaklanması gerektiğini belirten bir boole özniteliğidir. Bu özelliği , ,
Otomatik odaklama Özelliğini giriş Öğesiyle kullanma
< /kod>
Otomatik odaklama Özelliğini Seçili Öğeyle Kullanma
textarea Öğesiyle Otomatik Odaklanma Özelliğini Kullanma
Bu makalede kullanılan kaynak kodun tamamına bir göz atmak isterseniz, şuraya göz atın: GitHub deposu.
JavaScript Tek Yönlülüklerle Hayatınızı Kolaylaştırın
Tek satırlık kod, daha az kodla daha fazlasını elde etmeye yardımcı olur. Bir profesyonel gibi kodlamak için birkaç JavaScript tek satırlık kullanabilirsiniz.
Yalnızca bir kod satırı ile bir diziyi karıştırabilir, bir dizinin ortalamasını bulabilir, bir dizinin boş olup olmadığını kontrol edebilir, rastgele bir onaltılık renk oluşturabilir, rastgele bir UUID oluşturabilir vb.
Bilmeniz Gereken 11 JavaScript Tek YönlüBu geniş JavaScript tek satırlık yelpazesini kullanarak sadece küçük bir kodla çok şey elde edin.
Sonrakini Oku
PaylaşCıvıldamakE-posta
İlgili konular
- Programlama
- HTML
- Programlama dilleri
- Kodlama İpuçları
Yazar hakkında
Yuvraj Chandra (78 Makale Yayımlandı)Yuvraj, Hindistan Delhi Üniversitesi'nde Bilgisayar Bilimleri lisans öğrencisidir. Full Stack Web Geliştirme konusunda tutkulu. Yazmadığı zamanlarda farklı teknolojilerin derinliğini keşfediyor.
Yuvraj Chandra'dan Daha Fazla
Haber bültenimize abone ol
Teknik ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için bültenimize katılın!
Abone olmak için buraya tıklayın
