Giriş etiketi için gerekli nitelikler şunlardır:

Kullanıcı giriş alanları birbirinden önemli ölçüde farklılık gösterebilir. type niteliğinin değerine bağlı olarak, giriş alanı bir metin alanı, bir parola alanı, bir radyo düğmesi, basit bir düğme vb. olabilir.

Öznitellikler

• ses / *- tüm ses dosyaları kabul edilir.
• video / *- tüm video dosyaları kabul edilir.
• resim / *- Tüm resim dosyaları kabul edilir.
• MIME_type- parametresiz geçerli bir MIME türü kabul edilir.

Not: Kabul etme özelliği, IE9 ve önceki sürümlerde desteklenmez.

Alt: Kullanıcı herhangi bir nedenle resimleri görüntüleyemiyorsa alternatif metin sağlar. alt niteliği yalnızca type = "image" niteliği ile birlikte kullanılabilir. otomatik tamamlama: Veri giriş alanı için otomatik tamamlamanın etkinleştirilip etkinleştirilmediğini belirler:

• üzerinde- tarayıcı, kullanıcı tarafından daha önce girilen değerleri otomatik olarak gösterir (varsayılan değer).
• kapalı- Kullanıcı, formun her kullanımında alana ait değerleri kendisi girmelidir. Daha önce girilen değerler gösterilmeyecektir.

Not: otomatik tamamlama özelliği, aşağıdaki öğenin type özelliği değerleriyle çalışır : metin, arama, url, tel, e-posta, şifre, veri seçiciler, aralık ve renk.

Otomatik odaklama: Tarayıcıya öğenin sayfa yüklendikten sonra odaklanmalıdır. Boolean otomatik odak özelliğinin değerleri aşağıdaki şekillerde ayarlanabilir:

Not: Otomatik odak özelliği, IE9 ve önceki sürümlerde desteklenmez.

İşaretli: Bu öğenin sayfa yüklendiğinde varsayılan olarak seçileceğini belirtir. Yalnızca type = "checkbox" veya type = "radio" özniteliği ile çalışır. Kontrol edilen boole özniteliği için değerler aşağıdaki şekillerde ayarlanabilir: Örnek "devre dışı: Bir öğenin devre dışı bırakılmalıdır (devre dışı bırakılmış öğe etkin değildir). Boolean devre dışı özniteliği için değerler aşağıdaki şekillerde ayarlanabilir: Örnek "

Not: devre dışı özniteliği ile çalışmaz .

Form: Elemanın ilişkili olduğu formu tanımlar. ... Nitelik değeri, öğe tanımlayıcısıdır ... Bu özellik, öğeyi konumlandırmanıza izin verir. yalnızca bir öğenin alt öğesi olarak değil, belgenin herhangi bir yerinde ... eleman sadece bir şekil ile ilişkilendirilebilir.

form özelliği belirtilmemişse, öğe öğenin bir torunu olmalıdır .

Not: form özelliği IE'de desteklenmez.

Formaction: Form gönderildiğinde giriş verilerini işleyecek dosyanın URL'sini belirtir. Formaction niteliği yalnızca type = "submit" veya type = "image" ile kullanılır ve öğenin action niteliğini geçersiz kılar .

Not: Formaction özniteliği IE9 ve önceki sürümlerde desteklenmez.

Formenctype: Form verilerinin sunucuya gönderildiğinde nasıl kodlanacağını belirler. Yalnızca bir öğenin method = "post" özelliği ile birlikte kullanılabilir ... Olası değerler:

• application / x-www-form-urlencoded- varsayılan değer: tüm karakterler gönderilmeden önce kodlanır (boşluklar "+"ya ve özel karakterler ASCII HEX değerlerine dönüştürülür).
• çok parçalı / form-veri- karakterler kodlanmamıştır. Öğeler için kullanılır type özelliği "file" olarak ayarlanmış.
• metin / düz- boşluklar "+" karakterine dönüştürülür, ancak kesme işareti gibi özel karakterleri onaltılık değerlere kodlamaz.

Not: formenctype niteliği, IE9 ve önceki sürümlerde desteklenmez.

Formmethod: Belirtilen URL'ye veri göndermek için HTTP yöntemini tanımlar (type = "submit" ve type = "image" için):

• elde etmek- form verileri url'nin sonuna eklenir: url?ad = değer?ad = değer (varsayılan değer).
• İleti- İşlem sonrası form verilerini HTTP olarak gönderir.

Not: formmethod niteliği, IE9 ve önceki sürümlerde desteklenmez.

Formnovalidate: Giriş alanına girilen verilerin gönderilmeden önce doğrulanmayacağını belirtir. Boolean novalidate özelliği için olası değerler:

Not: formnovalidate niteliği, IE9 ve önceki sürümlerde veya Safari'de desteklenmez.

Formtarget: Form gönderildikten sonra alınan yanıtın nerede görüntüleneceğini belirten bir çerçeve adı veya anahtar sözcük belirtir:

• _boşluk- belgeyi yeni bir pencerede veya sekmede açar.
• _kendi- belgeyi bağlantının bulunduğu dizinde açar (varsayılan değer).
• _parent- belgeyi ana çerçevede açar.
• _Tepe- belgeyi pencerenin tam genişliğinde açar.
• çerçeve_adı- adı bir değer olarak belirtilen bir iframe içinde bir belge açar.

Not: formtarget niteliği, IE9 ve önceki sürümlerde desteklenmez.

Yükseklik: Öğenin yüksekliğini piksel cinsinden belirtir, yalnızca (örnek: yükseklik = "100"). list: Bir öğe arasında bir ilişki kurar

Not: Liste özelliği, IE9 ve önceki sürümlerde veya Safari'de desteklenmez.

Max: Bir sayı veya tarih girmek için maksimum değeri gösterir. Bir dizi geçerli değer oluşturmak için max niteliğini min niteliğiyle birlikte kullanabilirsiniz.

• sayı- izin verilen maksimum değeri gösterir.
• tarih- giriş için izin verilen maksimum tarihi gösterir.

Not: max özelliği, IE9 ve önceki sürümlerde veya Firefox'ta desteklenmez.

Maxlength: Giriş alanına girilebilecek maksimum karakter sayısını belirler. Bu özellik, bir kullanıcının belirli bir alana girmesine izin verilen karakter sayısını sınırlamak için kullanılabilir. Örneğin, bir yıl isterken, maxlength niteliğini 4 olarak ayarlayarak karakter sayısını sınırlayabilirsiniz. Örnek »min: Bir sayı veya tarih girmek için minimum değeri belirler.

• sayı- kabul edilebilir minimum değeri gösterir.
• tarih- giriş için izin verilen minimum tarihi gösterir.

Not: min özelliği, IE9 ve önceki sürümlerde veya Firefox'ta desteklenmez.

Multiple: Kullanıcının birden fazla değer girebileceğini belirtir. Çoklu öznitelik yalnızca type = "email" ve type = "file" ile çalışır. Çoklu boole özelliği için olası değerler: Örnek "

Not: Çoklu öznitelik, IE9 ve önceki sürümlerde desteklenmez.

Name: name niteliği elemanın adını tanımlar, alana girilen verilerle birlikte sunucuya gönderilir. Ad, JavaScript'te bir öğeye atıfta bulunmak veya sunucuda iletilen verileri tanımlamak için kullanılabilir (örneğin, sunucudaki verileri işlerken öğe adı, kullanıcı adı olarak ne girildiğini ve parolanın ne olduğunu belirlemenize olanak tanır). ). model: Giriş alanında izin verilmesi gereken verilerin sözdizimini tanımlayan normal bir ifadeyi belirtir. Normal ifade modeli, girilen değerle tamamen eşleşmelidir. Şablonun nasıl çalıştığını açıklamak için genel başlık özelliğini kullanabilirsiniz. Model özelliği, type özelliği için şu değerlerle çalışır: text, search, url, tel, email ve password.

Not: Model özelliği, IE9 ve önceki sürümlerde veya Safari'de desteklenmez.

Yer tutucu: Bir giriş alanı için beklenen değeri açıklayan kısa bir ipucu tanımlar (örnek: bir örnek değer veya beklenen biçimin kısa bir açıklaması). Araç ipucu, boş olduğunda giriş alanında görüntülenir ve kullanıcı veri girmeye başladığında veya alan odak aldığında (özniteliğin çalışmasındaki fark, kullanılan tarayıcıya bağlıdır), alan odağı kaybederse ve alan yoksa kaybolur. alana veri girildi, ardından alanda istem tekrar görüntülenir.

Yer tutucu özniteliği şu tür öznitelik değerleriyle çalışır: metin, arama, url, tel, e-posta ve parola. Örnek "

Not: Yer tutucu özelliği, IE9 ve önceki sürümlerde desteklenmez.

Salt Okunur: Giriş alanının salt okunur olduğunu ve değiştirilemeyeceğini belirtir (ancak metin seçilip kopyalanabilir). Salt okunur boole özelliği için olası değerler: Örnek »gerekli: Formu göndermeden önce giriş alanının doldurulması gerektiğini belirtir. Kullanıcı, alana herhangi bir değer girmeden formu göndermeye çalışırsa ekranda bir uyarı mesajı görüntülenecektir. Bu ileti, tarayıcıya ve giriş alanının türüne bağlı olarak içerik ve stil açısından farklılık gösterecektir.

Gerekli öznitelik şu tür öznitelik değerleriyle çalışır: metin, arama, url, tel, e-posta, parola, tarih seçiciler, sayı, onay kutusu, radyo ve dosya. Gerekli boole özelliği için olası değerler:

Not: gerekli öznitelik, IE9 ve önceki sürümlerde veya Safari'de desteklenmez.

Boyut: Giriş alanının genişliğini belirtir (birim, görünür karakterlerin sayısıdır). Bu nedenle, örneğin, 3 değeri, girilen üç karakteri gösterecek kadar geniş bir metin giriş alanı oluşturur (ancak kullanıcı isterse daha fazlasını girebilir). Size özniteliği, type özniteliği için şu değerlerle çalışır: metin, arama, tel, url, e-posta ve parola. Girilecek maksimum karakter sayısını belirtmek için maxlength niteliğini kullanın. Örnek »src: Görüntü alanı için grafik dosyasının yolunu belirtir. Öğeler için src niteliği gereklidir type = "image" ile ve yalnızca onlarla birlikte kullanılabilir. adım: Eleman için sayıların aralığını belirler ... Örnek: adım = "3" ise, sayıların olası değerleri şunlar olabilir: -3, 0, 3, 6, vb. Step özelliği, bir dizi geçerli değer oluşturmak için max ve min özellikleriyle birlikte kullanılabilir.

Not: step özelliği, IE9 ve önceki sürümlerde veya Firefox'ta desteklenmez.

Type: Ne tür bir kontrolün görüntüleneceğini belirtir. Varsayılan olarak tarayıcılar kullanır type özelliği için farklı veya bilinmeyen bir değer belirtilmedikçe. Bu şekilde, yeni değerleri desteklemeyen tarayıcılar, bunları varsayılan değerle değiştirecek ve bir düz metin giriş alanı görüntüleyecektir.

• buton- etkin düğmeyi tanımlar (esas olarak komut dosyasını etkinleştirmek için JavaScript ile kullanılır).
• onay kutusu- işaretlenebilen veya işaretlenemeyen onay kutusu kontrollerini tanımlar. Aynı anda birkaç onay kutusu seçebilir veya hiçbirini seçmeyebilirsiniz. Bu, onay kutularını radyo düğmelerinden ayırır (tür = "radyo").
• renk- kullanıcıların renk değerlerini onaltılık biçimde seçmelerine olanak tanıyan bir renk paleti oluşturur.
• tarih- tarayıcıda yerleşik olarak bulunan tarih seçici widget'ına erişmenizi sağlar.
• tarih saat- bir tarih ve saat kontrolünü tanımlar (UTC saat dilimine göre yıl, ay, gün, saat, dakika, saniye ve saniyenin kesirleri).
• tarih-yerel- bir tarih ve saat kontrolünü tanımlar (yıl, ay, gün, saat, dakika, saniye ve saniyenin kesirleri (zaman dilimi yok)).
• e-posta- e-posta adresi alanını tanımlar.
• dosya- dosyaları seçmek ve indirmek için bir "Gözat" düğmesi olan bir kontrolü tanımlar.
• gizlenmiş- gizli giriş alanlarını tanımlar.
• resim- görüntüyü gönderilecek bir düğme olarak tanımlar.
• ay- bir ay seçmenize izin verir, bundan sonra bir yıl ve bir ay şeklinde veri girişi sağlayacaktır (örneğin: 2014-05).
• sayı- sayıları girmek için bir alan tanımlar.
• parola- parola (maskelenmiş karakterler) girmek için bir alan tanımlar.
• radyo- birbirini dışlayan radyo düğmeleri oluşturur, bir radyo düğmesini seçerseniz, diğerleri devre dışı kalır.
• Aralık- bir kaydırıcı denetimi oluşturur, varsayılan kaydırıcı aralığı 0 ile 100 arasındadır. Aralığı değiştirmek için minimum ve maksimum öznitelikleri istenen değerlerle kullanın. Bu kontrolün mevcut değeri göstermediğini unutmayın.
• Sıfırla- bir sıfırlama düğmesi tanımlar (tüm form alanlarını varsayılan değerlere sıfırlar).
• arama- arama dizesini girmek için bir metin alanı tanımlar.
• Sunmak- "Gönder" düğmesini tanımlar.
• tel- bir telefon numarası girmek için alanı tanımlar.
• Metin- tek satırlık bir metin alanı tanımlar (varsayılan genişlik 20 karakterdir).
• zaman- 24 saat biçimindeki değerleri kabul eder, örneğin: 12:34. Destekleyen tarayıcılarda kontrol, fareyle tıklanabilir bir değere sahip sayısal bir giriş alanı olarak görünür ve yalnızca zaman değerlerini kabul eder.
• url- bir URL girmek için bir alan tanımlar.
• hafta- bir hafta seçmenize izin verir, bundan sonra bir yıl ve bir hafta biçiminde veri girişi sağlayacaktır (örneğin: 2014-K15).

• "Düğme", "sıfırla" ve "gönder" için - düğmedeki metni tanımlar
• "Metin", "şifre", "gizli" için - giriş alanının ilk (varsayılan) değerini tanımlar
• "Onay kutusu", "radyo", "görüntü" için - girişle ilişkili değeri tanımlar (gönderirken iletilen değer)

Etiket ayrıca Global Nitelikleri ve Etkinlikleri de destekler

Varsayılan tarz

Örnek

Yeni eleman türleri

HTML formlarının tuhaf özelliklerinden biri, belirsiz bir adla tek bir öğenin kullanılmasıdır. onay kutularından metin kutularına ve düğmelere kadar çeşitli kontroller oluşturmak için. Kontrolün özel görünümü, özniteliğe bağlıdır tip eleman .

Tarayıcı bilinmeyen bir öğe türüyle karşılaşırsa , web tarayıcısı ona normal bir metin kutusu gibi davranır. Bu, aşağıdaki üç öğenin tüm tarayıcılar tarafından tamamen aynı şekilde ele alındığı anlamına gelir:

HTML5 bu davranıştan yararlanır. Yani, elemanın içine birkaç yeni tür eklendi ve herhangi bir tarayıcı bunları desteklemiyorsa, onlara normal metin alanları gibi davranacaktır. Örneğin, bir e-posta adresi girmek için bir alan oluşturabilirsiniz. yeni tip e-posta:

Sayfayı, öğenin e-posta türünü desteklemeyen bir tarayıcıda bu kodla görüntülerseniz (örneğin, Internet Explorer), bu alan normal bir metin alanı olarak görüntülenecektir. Ancak HTML5 formlarını destekleyen tarayıcılar aşağıdakileri yapmak için biraz daha akıllıdır:

Düzenleme hizmetleri sunun. Örneğin, akıllı bir tarayıcı, bir adres defterinden bir e-posta adresi seçip adres alanına yapıştırmak için bir yol sağlayabilir.

Olası hataları önleyin. Örneğin, tarayıcı bir sayı alanına yazarken harfleri kabul etmeyebilir veya geçersiz tarihleri ​​kabul etmeyebilir, hatta kullanıcıyı daha kolay ve daha güvenli olan bir mini takvimden tarih seçmeye zorlayabilir.

Doğrulama gerçekleştirin. Kullanıcı verileri göndermek için bir düğmeyi tıkladıktan sonra tarayıcılar daha karmaşık kontroller gerçekleştirebilir.

HTML5 spesifikasyonu, tarayıcı geliştiricilerine ilk noktada herhangi bir rehberlik sağlamaz. Tarayıcılar, farklı veri türlerinin görüntülenmesini ve düzenlenmesini mantıklı olan herhangi bir şekilde kontrol etmekte özgürdür ve farklı tarayıcılar farklı küçük kolaylıklar ekleyebilir.

Ancak daha da önemlisi, hata denetimi ve eleme yetenekleridir. Mutlak minimum olarak, HTML5 form desteğine sahip bir tarayıcı, veri türü kurallarını ihlal eden veriler içeren form gönderimlerini engellemelidir. Bu nedenle tarayıcı, giriş sırasında hataları doğrudan engelleyemiyorsa (yukarıdaki listenin ikinci maddesine göre), kullanıcı formu göndermeye çalıştığında (üçüncü maddeye göre) bunları kontrol etmelidir.

Ne yazık ki, tüm modern tarayıcılar bu gereksinimleri karşılamıyor. Bazıları yeni veri türlerini tanır ve bazı düzenleme yetenekleri sağlar, ancak doğrulama sağlamaz. Birçok tarayıcı bir veri türünü anlar, ancak diğerini anlamaz. Mobil tarayıcılar bu konuda özellikle sorunludur - biraz düzenleme kolaylığı sağlarlar, ancak doğrulama yetenekleri yoktur.

Aşağıdaki tablo, yeni veri türlerini ve başlıca tarayıcılar için tam destek düzeyini özetlemektedir. Tam destek, veri türü ihlali durumunda hiçbir formun gönderilmediği anlamına gelir.

iOS ve Android için mobil Safari tarayıcıları doğrulamayı desteklemese de, bu tarayıcılar özel klavyeler sağlamada önemli bir kolaylık sağlar, bu nedenle bu web tarayıcıları için uygulamalarda özel veri türleri kullanmaya değer.

E-mail adresleri

E-posta veri türü, e-posta adreslerinin girildiği alanlar için kullanılır. Genel olarak, bir e-posta adresi bir dizi karakterden oluşur (bazı karakterlere izin verilmez). Geçerli bir adres, @ sembolünü ve aralarında en az bir karakter ve noktadan sonra en az iki karakter olması gereken bir nokta içermelidir:

E-posta türü özelliği destekler çoklu bu, alana birden fazla adres girmenizi sağlar. Ancak bu birden çok adres, yalnızca virgülle ayrılmış tek bir metin satırı gibi görünmeye devam eder.

Boş değerlerin valide edildiğini unutmayınız. Boş bir adres alanını önlemek için, gerekli öznitelik, elemanına eklenmelidir.

URL'ler

Bir çeşit url URL giriş alanları için geçerlidir. Geçerli bir URL'nin ne olduğu sorusu hararetle tartışılmaya devam ediyor. Ancak çoğu tarayıcı, nispeten gevşek bir doğrulama algoritması kullanır. Adres bir önek içermelidir (bu, http:// gibi gerçek veya bonk // gibi hayali olabilir) ve iki nokta üst üste hariç, boşlukları ve çoğu özel karakteri girmenize izin verir.

Bazı tarayıcılar, genellikle tarayıcı tarafından yakın zamanda ziyaret edilen sayfaların geçmişinden alınan bir açılır listede olası URL seçenekleri de sunar.

Arama alanları

Bir çeşit arama arama alanları için geçerlidir. Genellikle, daha sonra bir tür aramanın gerçekleştirildiği anahtar sözcükleri girmek için tasarlanmıştır. Bu, tüm bir İnternet araması (Google gibi), tek bir sayfa araması veya bir bilgi kataloğunu inceleyen özel bir arama prosedürü olabilir. Her durumda, arama kutusu normal bir metin kutusuyla neredeyse tamamen aynı görünür ve davranır.

Safari gibi bazı tarayıcılarda arama kutusu biraz farklı görünür ve köşeleri yuvarlatılmıştır. Ayrıca, kullanıcı Safari veya Chrome'da arama alanına veri girmeye başladığında, alanın sağ tarafında üzerine tıklayarak alanı temizleyebilecek X şeklinde küçük bir simge görüntülenir.

Bu küçük farklılıklar dışında, arama alanı normal bir metin alanından başka bir şey değildir. Temel fark semantiktir. Başka bir deyişle, arama veri türü, bir alanın adını, engelli kullanıcılar için tarayıcılara ve yardımcı yazılımlara açık hale getirmek için kullanılır. Ziyaretçileri sayfada istenen konuma yönlendirebilir veya muhtemelen gelecekte daha akıllı hizmetler sağlayabilirler.

Telefon numaraları

Veri tipi telçeşitli biçimlerde sunulabilen telefon numaralarının girileceği alanları belirtmek için kullanılır. Bazı durumlarda yalnızca sayılar kullanılır, bazılarında ise boşluklar, tireler, artı işaretleri ve parantezler kullanılır. Belki de bu tek biçimli biçim eksikliği, HTML5 standardının tarayıcıların telefon numaralarını kontrol etmesini gerektirmemesinin nedenidir. Ancak tel gibi bir alanın neden en azından harfleri reddetmediği açık değildir.

Şu anda, bir tel alanı kullanmanın tek faydası, mobil tarayıcılarda harf içermeyen ancak rakamlardan oluşan telefon numaralarını girmek için özel bir sanal klavye sağlamaktır.

Sayılar

HTML5, iki sayısal veri türünü tanımlar. Bir çeşit sayı sıradan sayılar için tasarlanmıştır.

Bu veri türü bariz bir potansiyele sahiptir. Düz metin alanları kelimenin tam anlamıyla her şeyi kabul eder: sayılar, harfler, boşluklar, noktalama işaretleri vb. Bu nedenle, en yaygın doğrulama görevlerinden biri, bir değerin belirli bir aralıktaki bir sayı olmasını sağlamaktır. Ancak, sayı türündeki bir alana veri girdiğinizde, tarayıcı sayılar dışındaki tüm karakterleri otomatik olarak yok sayar. Aşağıda, bu tür bir alan oluşturmak için örnek bir kod verilmiştir:

Yaş *

Elbette her tür sayısal veriye uygun olmayan birçok sayı vardır. Örneğin, yukarıdaki işaretlemede 43.000 veya -6 yaş gibi bir yaşa izin verilir, bu da gerçeklikle biraz tutarsızdır. Bu sorun özniteliklerle çözülür dk ve maksimum... Aşağıdaki kod, yaşı makul bir aralıkla sınırlamanın bir örneğini sağlar:

Tipik olarak, sayı alanları yalnızca tam sayıları kabul eder ve 30.5 gibi kesirlere izin verilmez. (Ayrıca, bazı tarayıcılar ondalık basamağa bile izin vermez.) Ancak bu davranış, öznitelik kullanılarak da değiştirilebilir. adım, sayıyı değiştirme adımını gösterir (yukarı veya aşağı). Örneğin adım değerini 0,1 olarak ayarlayarak 0,1, 0,2, 0,3 gibi değerler girebilirsiniz, ancak formu 0,15 değerinde göndermeyi deneyin ve tanıdık açılır hata mesajını alacaksınız. . Varsayılan adım değeri 1'dir.

step özelliği, sayaç alanındaki düğmelerin nasıl çalıştığını da etkiler:

kaydırıcılar

Başka bir HTML5 sayısal türü Aralık... Sayı türü gibi, bu tür de tamsayı ve kesirli değerleri temsil edebilir. Ayrıca bir dizi değerin ayarlanması için min ve max özniteliklerini de destekler. Aşağıda, bu tür bir alan oluşturmak için örnek bir kod verilmiştir:

Yaş *

Aradaki fark, bir aralık alanının bilgisini nasıl temsil ettiğidir. Bir sayaç yerine, bir tür numarası alanına gelince, akıllı tarayıcılar bir kaydırıcı görüntüler:

Bir tür aralığı değeri ayarlamak için, kaydırıcıyı minimum ve maksimum değerler arasında gerekli konuma sürüklemeniz yeterlidir. Ancak bu tür bir alanı destekleyen tarayıcılar, ayarlanan değer hakkında geriye dönük herhangi bir bilgi sağlamaz. Bu bilgiyi almak için, kaydırıcının konumundaki değişikliklere yanıt veren (belki de onChange olayını işleyerek) işaretlemeye bir JavaScript prosedürü eklemeniz ve ardından bu oluşumu alanın yanında görüntülemeniz gerekir.

tarih ve saat

HTML5, zamanla ilgili çeşitli veri türlerini tanımlar. Tarih türlerini destekleyen tarayıcılar, kullanıcının istediği tarih ve/veya saati seçebileceği uygun bir açılır takvim görüntüleyebilir. Bu, yalnızca doğru tarih biçimi hakkındaki belirsizliği ortadan kaldırmakla kalmaz, aynı zamanda yanlışlıkla (veya kasıtlı olarak) var olmayan bir tarih ayarlamanızı da önler. Akıllı tarayıcılar, kişisel bir takvimle entegrasyon gibi daha fazlasını da yapabilir.

Tarih kullanımına bir örnek aşağıda gösterilmiştir:

Doğum tarihi *

Aşağıdaki tablo, kısa bir açıklama ile altı yeni HTML5 tarih ve saat biçimini listeler:

Tarihler ve saatler için veri türlerini destekleyen tarayıcılar, bunlar için minimum ve maksimum nitelikleri de destekler; bu, doğru tarih biçimini kullandığınız sürece minimum ve maksimum tarihleri ​​ayarlamanıza olanak tanır. Bu, yukarıdaki örnekte gösterilmiştir.

Renk

Renk veri türü, renk giriş alanları için kullanılır. Renk veri türü, bir web sayfası ziyaretçisinin, bir grafik düzenleyicininkine benzer şekilde, açılır bir paletten bir renk seçmesine olanak tanıyan, nadiren kullanılan ilginç bir küçük özelliktir:

Birkaç olağandışı öğe özelliği

HTML5 standardı, formları doldururken tarayıcıyı kontrol etmek için kullanılan birkaç özelliği daha tanır. Bu özelliklerin tümü tüm tarayıcılar tarafından desteklenmez. Ancak, onlarla deney yapmak iyidir:

Bazı tarayıcılar, girdikleri metnin yazılışını kontrol ederek kullanıcının yazım bilgisindeki boşlukları doldurmaya çalışır. Bu hizmetle ilgili bariz sorun, tüm metinlerin gerçek kelimelerden oluşmamasıdır ve dalgalı kırmızı alt çizgilerin boyanması, kullanıcının sinirlerini çok çabuk bozabilir. Tarayıcının alandaki metnin yazımını denetlemesini önlemek için, yazım denetimi özniteliğini yanlış olarak ve denetlemek için de doğru olarak ayarlayın.

Varsayılan olarak, farklı tarayıcılar yazım denetimi konusunda farklı davranır ve yazım denetimi özniteliğinin ayarlanması tutarlı davranışla sonuçlanır.

Bazı tarayıcılar, bir alana bilgi girerken bu alana daha önce girilmiş değerleri önererek kullanıcıya zaman kazandırmaya çalışır. Bu davranış her zaman istenmez - HTML5 spesifikasyonunda belirtildiği gibi, bazı bilgiler gizli olabilir (örneğin, nükleer füzelerin fırlatılması için kodlar;) veya yalnızca kısa bir süre için geçerli kalabilir (örneğin, oturum açmak için tek seferlik bir şifre). self servis bankacılık sistemi). Bu tür alanlar için, tarayıcının alana girilen metni tamamlamak için olası seçenekler önermemesi için otomatik tamamlama özelliğinin değerini kapalı olarak ayarlayın. Ve belirli bir alan için otomatik tamamlamayı gerçekleştirmek için, otomatik tamamlama özelliğinin değerini açık olarak ayarlayın.

Bu öznitelikler, Safari'nin iPad ve iPhone sürümleri gibi bazı mobil tarayıcılarda otomatik düzeltme ve büyük harf kullanma özelliklerini kontrol etmek için kullanılır.

Web geliştiricileri, öğeyle birden çok öznitelik kullandı çok eski zamanlardan beri çoktan seçmeli listeler oluşturmak için. Ama artık bu niteliği belirli eleman türleri ile kullanabilirler. , dosya türü (dosya yüklemek için) ve e-posta dahil. Bu özelliği destekleyen bir tarayıcıda, kullanıcı aynı anda birden fazla yükleme dosyası seçebilir veya birden çok e-posta adresini tek bir alana yapıştırabilir.

Etiket (İngilizceden. giriş- giriş)çok yönlü form öğelerinden biridir ve arayüzün farklı kısımlarını oluşturmanıza ve kullanıcı etkileşimi sağlamanıza olanak tanır.

Esasen metin alanları, çeşitli düğmeler, radyo düğmeleri ve onay kutuları oluşturmak için tasarlanmıştır.

Ana özellik , öğenin türünü tanımlayan - tür. Aşağıdaki form öğelerini ayarlamanıza olanak tanır: bir metin alanı (metin), bir şifre alanı (şifre), bir radyo düğmesi, bir onay kutusu, bir gizli alan, bir düğme, bir form göndermek (göndermek için) bir düğme, bir düğme formu temizlemek (sıfırlamak), dosya göndermek için bir alan (dosya), resimli bir düğme (görüntü) vb. Her öğenin görünümünü ve özelliklerini belirleyen kendi nitelikler listesi vardır. Ayrıca, HTML5'e bir düzineden fazla yeni özellik eklendi.

Sözdizimi

Kapanış etiketi gerekmez.

WAI ARIA

Varsayılan rol değeri yoktur.

Rol için geçerli değerler:

• buton
• onay kutusu
• açılan kutu
• bağlantı
• menü seçeneği
• menü öğesi onay kutusu
• menü öğesiradyo
• seçenek
• radyo
• arama kutusu
• kaydırıcı
• döndürme düğmesi
• değiştirmek
• Metin kutusu

Öznitellikler

• kabul et - Dosya yükleme alanı aracılığıyla gönderebileceğiniz dosya türleri için bir filtre ayarlar.
• alt - Resim düğmesi için alternatif metin.
• otomatik tamamlama - Otomatik tamamlamayı etkinleştirir veya devre dışı bırakır.
• otofokus - Odağı bir form alanına ayarlar.
• işaretli - Önceden etkinleştirilmiş bir radyo düğmesi veya onay kutusu.
• dirname - Metnin yönünü sunucuya ileten bir parametre.
• devre dışı - Öğeye erişimi ve öğenin değiştirilmesini engeller.
• form - Bir alanı, kimliğine göre bir formla ilişkilendirir.
• formaction - Form işleyicisinin adresini tanımlar.
• formenctype - Form verilerinin sunucuya gönderildiğinde nasıl kodlanacağını ayarlar.
• formmethod - Tarayıcıya form verilerini sunucuya hangi yöntemle göndereceğini söyler.
• formnovalidate - Yerleşik veri doğrulamasını iptal eder.
• formtarget - Form işlemcisi tarafından döndürülen sonucun yükleneceği pencereyi veya çerçeveyi belirtir.
• list - Metni girerken seçebileceğiniz seçeneklerin listesini gösterir.
• max - Bir sayı veya tarih girmek için üst değer.
• maxlength - Metinde izin verilen maksimum karakter sayısı.
• min - Bir sayı veya tarih girmek için daha düşük değer.
• minlength - Metinde izin verilen minimum karakter sayısı.
• çoklu - Aynı anda birden fazla dosya indirmenize izin verir.
• isim - Form işlemcisinin tanımlayabilmesi için alanın adı.
• desen - Giriş desenini ayarlar.
• yer tutucu - İpucu metnini görüntüler.
• salt okunur - Alanın kullanıcı tarafından değiştirilemeyeceğini belirtir.
• gerekli - Zorunlu alan.
• size - Metin kutusunun genişliği.
• src - Görüntü alanı için görüntü dosyası adresi.
• adım - Sayısal alanlar için artış.
• type - Tarayıcıya form öğesinin ne tür olduğunu söyler.
• değer - Öğenin değeri.

kabul

Dosya yükleme alanı aracılığıyla gönderebileceğiniz dosya türleri için bir filtre ayarlar. Dosya türü, virgülle ayrılmış birden çok değere sahip bir MIME türü olarak belirtilir. Bir dosya ayarlanan filtreyle eşleşmiyorsa, dosya seçim penceresinde gösterilmez.

Dosya yükleme alanı için geçerlidir ( ).

tarayıcı desteği

Varsayılan değer

alt

alt özelliği, görüntü alanı için alternatif metin ayarlar. Bu metin, tarayıcıda resimlerin yüklenmesi devre dışı bırakıldığında resim hakkında metin bilgisi almanızı sağlar ve ayrıca arama motorları için tasarlanmıştır.

Sözdizimi

Değerler

Herhangi bir uygun metin dizesi.

Varsayılan değer

otomatik tamamlama

Bu özellik, form alanlarını daha önce girilen metinle doldurmaya yardımcı olur. Değerler kaydedilir ve tarayıcı tarafından değiştirilir, otomatik tamamlama güvenlik nedeniyle kullanıcı tarafından tarayıcı ayarlarında devre dışı bırakılabilir ve bu durumda otomatik tamamlama özelliği tarafından kontrol edilemez.

Metnin ilk harflerini girdiğinizde, istediğinizi seçebileceğiniz önceden kaydedilmiş değerlerin bir listesi görüntülenir.

Belirli bir form alanının otomatik tamamlaması, name özniteliğine bağlıdır ve değer değiştirildiğinde kaybolur.

Sözdizimi

Değerler

• açık - Otomatik tamamlama metnini açar.
• kapalı - Otomatik tamamlamayı devre dışı bırakır. Bu değer genellikle önemli verilerin (şifreler, banka kartı numaraları) tarayıcıya kaydedilmesini ve ayrıca nadiren girilen veya benzersiz verilerin (captcha) devre dışı bırakılması için kullanılır.

Varsayılan değer

Tarayıcı ayarlarına bağlıdır.

otomatik odaklama

Odağı otomatik olarak form alanına ayarlar. Böyle bir alanda, fare imleciyle açıkça tıklamadan metni hemen yazabilirsiniz.

Sözdizimi

Değerler

Varsayılan değer

Otomatik odak özelliği varsayılan olarak ayarlanmamıştır.

kontrol

Bu öznitelik, onay kutusu veya radyo düğmesi gibi bir form öğesinin önceden işaretlenip işaretlenmediğini belirler. Radyo düğmesinin kullanılması durumunda, grubun yalnızca bir öğesi kontrol edilebilir; onay kutuları için en azından tüm öğeler işaretlenebilir.

Sözdizimi

Değerler

Varsayılan değer

dirname

dirname özniteliği varsa, sunucuya bir ad/değer çifti gönderilir, burada ad dirname özniteliği tarafından belirtilir ve değer tarayıcı tarafından değiştirilir. Soldan sağa metin için değer ltr ve sağdan sola metin için (örneğin İbranice) değer rtl olacaktır.

Sözdizimi

Değerler

Parametrenin adı olarak işlev gören rastgele bir metin dizesi. Genellikle, bu parametrenin metnin yönünü belirttiğini belirtmek için satırın sonuna dir eklenir.

Varsayılan değer

engelli

Form alanına erişimi ve değişiklik yapılmasını engeller. Bu durumda gri olarak görüntülenir ve kullanıcı tarafından etkinleştirilemez. Ayrıca, böyle bir alan Sekme tuşuna fare ile veya başka bir şekilde basılarak odak alamaz. Ancak, alanın bu durumu komut dosyaları kullanılarak değiştirilebilir. Alanda kilitli olan değer sunucuya iletilmez.

Sözdizimi

Değerler

Varsayılan değer

Bu özellik varsayılan olarak kapalıdır.

biçim

Bir alanı, tanımlayıcısına göre bir formla ilişkilendirir. Alanın dışarıda olması durumunda böyle bir bağlantı gereklidir.

Değerler

Form tanımlayıcısı (eleman kimliği özelliğinin değeri)

Bitiş etiketi
Gerekli değil.

Seçenekler
hizala - görüntünün hizalamasını tanımlar.
alt - Resim düğmesi için alternatif metin.
kenarlık - resmin etrafındaki kenarlığın kalınlığı.
işaretli, önceden etkinleştirilmiş bir radyo düğmesi veya onay kutusudur.
devre dışı - öğenin erişimini ve değiştirilmesini engeller.
maksimum uzunluk - metinde izin verilen maksimum karakter sayısı.
isim - form işlemcisinin tanımlayabilmesi için alanın adı.
salt okunur - alanın kullanıcı tarafından değiştirilemeyeceğini ayarlar.
boyut - metin kutusunun genişliği.
src - öğenin değeri.

Örnek 1. INPUT etiketini kullanma

Adınız:

Esas olarak hangi tarayıcıyı kullanıyorsunuz:

Internet Explorer

Netscape

Opera

Firefox

Mozilla

Bir yorum

INPUT etiketi parametrelerinin açıklaması

ALIGN parametresi

Açıklama
Görüntü alanının metin veya diğer form öğeleriyle nasıl hizalanacağını belirler.

Sözdizimi

uygulanabilir

Argümanlar
Tablo 1, hizalama parametresi için olası değerleri ve bunu kullanmanın sonucunu listeler.

Varsayılan değer
alt

Örnek 2. Bir alanı bir görüntüyle hizalama

...
Lorem ipsum dolor sit amet, conectetuer adipiscing elit ...

Not
Tüm hizalama parametre değerleri tarayıcılar tarafından desteklense de absbottom, absmiddle, baseline ve texttop argümanları HTML 4 spesifikasyonu kapsamında değildir.

ALT parametresi

Açıklama
alt parametresi, görüntü alanı için alternatif metni ayarlar. Bu metin, tarayıcıda resim yükleme devre dışı bırakıldığında resim hakkında metin bilgisi almanızı sağlar. Görüntüler, tarayıcı onlar hakkında bilgi aldıktan sonra yüklendiğinden, görüntünün yerini alan metin daha önce görünür. Ve yüklendiğinde, metin bir resim ile değiştirilecektir. Tarayıcılar ayrıca, fare görüntünün üzerine geldiğinde görünen bir araç ipucu olarak alternatif metni görüntüler.

Sözdizimi

Argümanlar
Herhangi bir uygun metin dizesi. Çift veya tek tırnak içine alınmalıdır.

Varsayılan değer
Numara.

Örnek 3. Alternatif Metin Ekleme

...
alt = "(! LANG: Formu sunucuya gönderin" !}>

KENARLIK parametresi

Açıklama
Tarayıcılar, INPUT etiketi kullanılarak oluşturulan resimler gibi INPUT etiketi aracılığıyla eklenen resimleri işler. Resmin çevresini de dahil olmak üzere, rengi metnin rengiyle eşleşen bir çerçeve ekleyebilirsiniz.

Sözdizimi

Argümanlar
Piksel cinsinden herhangi bir pozitif tam sayı.

Varsayılan değer
0

Örnek 4. Bir resme çerçeve ekleme

...

Not
Şu anda, bu ayar yalnızca Netscape tarayıcısı tarafından desteklenmektedir, diğer tarayıcılar bunu yok sayar ve görüntüyü kenarlıksız olarak işler.

KONTROL EDİLEN parametre

Açıklama
Bu parametre, onay kutusu veya radyo düğmesi gibi bir form öğesinin önceden işaretlenip işaretlenmediğini belirler. Onay kutularının kullanılması durumunda, grubun yalnızca bir öğesi kontrol edilebilir; onay kutuları (radyo düğmesi) için en azından tüm öğeler işaretlenebilir.

Sözdizimi

Argümanlar
Numara.

Varsayılan değer

Örnek 5. Anahtarların işaretlenmesi

Hangi işletim sistemlerine aşinasınız?

Windows 95/98

Windows 2000

Sistem X
Linux
X3-DOS

DEVRE DIŞI parametre

Açıklama
Form alanına erişimi ve değişiklik yapılmasını engeller. Bu durumda gri olarak görüntülenir ve kullanıcı tarafından etkinleştirilemez. Ayrıca, böyle bir alan, Sekme tuşuna fare ile veya başka bir şekilde basılarak odak alamaz. Ancak, alanın bu durumu komut dosyaları kullanılarak değiştirilebilir.

Sözdizimi

uygulanabilir
Tüm form öğeleri.

Argümanlar
Numara.

Varsayılan değer
Bu seçenek varsayılan olarak devre dışıdır.

MAKSENGTH parametre

Açıklama
Kullanıcı tarafından metin kutusuna girilebilecek maksimum karakter sayısını ayarlar. Arama sırasında bu numaraya ulaşıldığında, başka bir giriş yapılamaz.

Sözdizimi

Argümanlar
Karakterlerdeki herhangi bir pozitif tam sayı.

Varsayılan değer
Karakter girişi sınırlı değildir.

Örnek 7. Bir alandaki karakter sayısını sınırlama

Parametre adı

Açıklama
Form öğesi için benzersiz bir ad belirtir. Genellikle bu ad, sunucuya veri gönderirken veya komut dosyaları aracılığıyla girilen saha verilerine erişmek için kullanılır.

Sözdizimi

uygulanabilir
Tüm form öğeleri.

Argümanlar
Ad, sayılar ve harfler dahil olmak üzere bir dizi karakterdir. JavaScript büyük/küçük harf duyarlıdır, bu nedenle bir öğeye adıyla atıfta bulunurken name parametresiyle aynı yazımı kullanın.

Varsayılan değer
Numara.

Örnek 8. Bir alan adı kullanma

Metin girin

SADECE OKUYUN parametresi

Açıklama
INPUT etiketine salt okunur parametre eklendiğinde, metin alanı, yeni metin girmek veya mevcut metni değiştirmek dahil olmak üzere kullanıcı tarafından değiştirilemez. Ayrıca, böyle bir alan, Sekme tuşuna fare ile veya başka bir şekilde basılarak odak alamaz. Ancak alanın durumu ve içeriği betikler kullanılarak değiştirilebilir.

Sözdizimi

Argümanlar
Numara.

Varsayılan değer
Bu değer varsayılan olarak kapalıdır.

Örnek 9. Salt okunur alan

SIZE parametresi

Açıklama
Tek aralıklı yazı tipindeki karakter sayısıyla belirlenen metin kutusunun genişliği. Başka bir deyişle genişlik, aynı yatay genişliğe sahip bitişik harflerin sayısı ile verilir. Yazı tipi boyutu stiller kullanılarak değiştirilirse genişlik de buna göre değişir.

Sözdizimi

Argümanlar
Herhangi bir pozitif tam sayı.

Varsayılan değer
20

Örnek 10. Alan genişliği

SRC parametresi

Açıklama
Resimli alanda web sayfasında görüntülenecek grafik dosyasının adresi. En popüler dosyalar GIF ve JPEG'dir.

Sözdizimi

Argümanlar
Değer, dosyanın tam veya göreli yoludur.

Varsayılan değer
Numara.

Örnek 11. Bir grafik dosyasına giden yol

...

TYPE parametresi

Açıklama
Tarayıcıya ne tür bir form öğesinin olduğunu söyler.

Sözdizimi

Argümanlar
Tablo 2, type parametresinin olası değerini ve form alanının elde edilen formunu listeler.

DEĞER parametresi

Açıklama
Sunucuya gönderilecek veya istemci komut dosyaları kullanılarak alınacak bir form öğesinin değerini belirtir. Sunucuya bir ad / değer çifti gönderilir, burada ad, INPUT etiketinin ad parametresi tarafından belirtilir ve değer, değer parametresi tarafından belirtilir.

Öğenin türüne bağlı olarak value parametresi aşağıdaki rolü oynar:

• düğmeler için ( giriş türü = düğme | sıfırla | Sunmak) üzerlerine bir metin başlığı koyar;
• metin alanları için (giriş türü = parola | metin) önceden girilen dizeyi belirtir. Kullanıcı metni silebilir ve karakterlerini girebilir ancak Reset butonu şeklinde kullanıldığında kullanıcı metni silinir ve value parametresine girilen değer geri yüklenir;
• onay kutuları ve radyo düğmeleri için (giriş türü = onay kutusu | radyo), her öğeyi benzersiz şekilde tanımlar, böylece istemci veya sunucu programı, kullanıcının hangi öğeyi seçtiğini benzersiz bir şekilde belirleyebilir.

Sözdizimi

uygulanabilir
Tüm form öğeleri.

Argümanlar
Herhangi bir metin dizesi.

Varsayılan değer
Numara.

Örnek 13. Bir alan değeri ekleme

"OS" kısaltmasının ne anlama geldiğini düşünüyorsunuz?

Memurlar

İşletim sistemi

Büyük çizgili sinekler

Yazardan: giriş alanındaki type özelliğinin farkında olmalısınız. Bu öznitelik, kullanıcının göreceği formdaki girdi türünü belirtir. Öznitelik eksikse veya eski bir tarayıcıda yeni bir değer kullanılıyorsa, etiket çalışmaya devam eder. Varsayılan tür, = "metin" olarak ayarlanacaktır. Eski tarayıcıları destekliyor olsanız bile bugün HTML5 formlarını kullanmanıza izin veren ana nokta budur. E-posta veya arama gibi yeni türleriniz varsa, eski tarayıcılarda basit bir metin kutusu görüntülenecektir.

Kayıt formumuz, hepinizin bildiği 10 türden 4'ünü kullanır: onay kutusu, metin, şifre ve gönder. Aşağıda, HTML5'te bulunan giriş alanı türlerinin tam listesi bulunmaktadır:

HTML5 spesifikasyonu, belirli UI öğeleri oluşturabileceğiniz ve yerel veri doğrulaması gerçekleştirebileceğiniz yaklaşık 9 ek tür daha söylüyor:

HTML5.1 ve WHATWG HTML Living Standard'da tarihle ilgili dört tür daha vardır ve bunlardan üçü modern tarayıcılarda oldukça iyi desteklenir:

tarihsaat (herhangi bir tarayıcıda desteklenmez)

Her yeni türe daha yakından bakalım ve bunların nasıl kullanılabileceğini görelim.

Arama

Arama giriş tipi (type = "arama") bir arama alanıdır, bir veya daha fazla arama ifadesi girmek için tek satırlık bir giriştir. Spesifikasyondan:

"Bir metin türü ile bir arama türü arasındaki fark tamamen biçimseldir: arama alanlarının normal metin alanlarından farklı olduğu platformlarda, arama türü girişi platformun stilleriyle eşleştirecektir."

Birçok tarayıcı, arama alanlarını tarayıcı veya işletim sistemi arama kutularına benzeyecek şekilde biçimlendirir. Chrome, Safari, Opera ve IE, yazmaya başladığınızda beliren "x" simgesine tıklayarak metni silmek için bir işlev ekledi (bkz. Şekil 4.5). Chrome ve Opera ayrıca tarih / saat alanlarını da temizler ve IE11, metin dahil neredeyse tüm türlere bir "x" simgesi ekler.

Şekil 4.5. arama alanı, işletim sistemi arama alanları için tasarlanmıştır

Apple kampanya cihazlarında, Chrome, Safari ve Opera'da arama alanlarının varsayılan olarak köşeleri yuvarlatılmıştır ve bu, işletim sisteminin kendisindeki arama alanlarının görünümünü ve verdiği hissi yansıtır. Dinamik klavyeli tabletlerde, Git düğmesi bir arama simgesi veya kelime araması olarak görünür. Her şey cihaza bağlı. Özel bir özellik eklerseniz Chrome ve Opera'da bir büyüteç simgesi görünür.

type = ”text” öğesini eski şekilde kullanabilirsiniz, ancak yeni arama türü, kullanıcılara bir siteyi bulmak için tıklamaları gereken yeri gösteren görsel bir ipucudur. Ayrıca yeni tür, kullanıcıların alıştığı standart arama alanlarına çok benziyor. HTML5 Herald sitesinde arama yok, ancak şöyle olabilir:

Arama

< form id = "search" method = "get" > < label for = "s" >Arama< / label > < input type = "search" id = "s" name = "s" / > < input type = "submit" value = "Arama" / > < / form >

Desteklenmeyen tarayıcılarda, arama türü normal bir metin alanı olarak görünür, bu nedenle uygun olduğunda kullanmamak için hiçbir neden yoktur.

E-mail adresleri

Şaşırtıcı olmayan bir şekilde, bir veya daha fazla e-posta adresi ayarlamak için e-posta türü (type = "e-posta") kullanılır. Virgülle (boşluklarla) ayrılmış birden çok adresi belirtmek için kullanılabilen çoklu Boolean özniteliğini destekler.

Formumuzu değiştirelim, email alanlarına type = "email" yazalım:

E-mail adresim

< label for = "email" >E-mail adresim< / label > < input type = "email" id = "email" name = "email" / >

Metin türünü e-postaya değiştirmek herhangi bir görsel değişiklik yapmaz. Giriş hala normal bir metin alanı gibi görünüyor. Ancak bunlar farklıdır.

Değişiklikler dokunmatik cihazda görüntülenebilir. E-posta alanı odak aldığında, çoğu dokunmatik cihaz (Chromium'lu bir iPad veya Android telefon gibi) bir e-posta adresi girmek için optimize edilmiş bir klavye görüntüler. Klavye, Şekil 4.6'da gösterildiği gibi bir @ sembolü, nokta, boşluk gösterecek ancak virgül göstermeyecektir.

Şekil 4.6. bir iOS aygıtında özel klavyeye sahip bir e-posta türü alanı

Firefox, Chrome, Opera ve Internet Explorer 10 tarayıcılarında yanlış mail girerseniz bir hata mesajı çıkıyor. Bu, bir veya daha fazla URL olarak tanınmayan metin içeren bir form göndermeye çalıştığınızda olur. Tipik bir hata mesajı Şekil 4.7'de gösterilmiştir.

Şekil 4.7. Opera (solda) ve Firefox (sağda) tarayıcılarda yanlış e-posta adresiyle ilgili hata mesajı

Not: özel doğrulama mesajları

Varsayılan tarayıcı hata mesajını beğenmediniz mi? Sizinkini .setCustomValidity (errorMsg) ile ayarlayın. SetCustomValidity yalnızca bir parametre alır, hata mesajı. Kendi doğrulama mesajınızı ayarladıysanız, doğru girişten sonra, formun gönderilmesi için mesajın bulunduğu satırı (yanlış değer) temizlemelisiniz:

function setErrorMessages (formControl) (var validityState_object = formControl.validity; if (validityState_object.valueMissing) (formControl.setCustomValidity ("Lütfen bir yaş ayarlayın (gerekli)");) else if (validityState_object.rangeUnderflow) (formControl.setCustomVal çok genç");) else if (validityState_object.rangeOverflow) (formControl.setCustomValidity ("Sen \" çok yaşlısın ");) else if (validityState_object.stepMismatch) (formControl.setCustomValidity ("Yarı doğum günleri sayılıyor mu? " );) else (// giriş geçerliyse yanlış olmalıdır, aksi takdirde formControl.setCustomValidity ("");) hatası oluşur.

function setErrorMessages (formControl) ( var validState_object = formControl. geçerlilik; if (validityState_object. valueMissing) ( formKontrol. setCustomValidity ( "Lütfen bir yaş belirleyin (gerekli)") ; ) else if (validityState_object.rangeUnderflow) ( formKontrol. setCustomValidity ("Sen \" çok gençsin "); ) else if (validityState_object.rangeOverflow) ( formKontrol. setCustomValidity ("Sen \" çok yaşlısın "); ) else if (validityState_object. stepMismatch) ( İlgili Makaleler Android akıllı telefon nasıl güvenlik kamerasına dönüştürülür Çince klavye neye benziyor (geçmiş ve fotoğraflar) Avatarların psikolojideki değeri Avatarların psikolojideki değeri MS Word'de bir harf nasıl vurgulanır Bir kişinin avatarı ne anlama gelir? En son makaleler 2021-11-11 12:38:28 Kendi Twitter Anınızı Nasıl Yaratabilirsiniz? 2021-11-11 12:38:28 Bir sosyal ağdaki bir avatar sahibi hakkında ne söyleyebilir? 2021-11-11 12:38:28 Kendi Twitter Anınızı Nasıl Yaratabilirsiniz? Popüler Makaleler Taramalı Atomik Kuvvet Mikroskobu Laboratuvar raporu şunları içermelidir: Havai iletişim ağı desteklerinin raflarının seçimi AC katener tasarımı ve hesaplanması Mikroişlemci sistemlerinin geliştirilmesi Mikroişlemci sistemlerinin tasarım aşamaları mcs51 ailesinin mikrodenetleyicileri Editörün Seçimi 2021-11-06 10:20:40 Delphi programlama ortamı Delphi görsel programlama sistemi, geniş bir kullanıcı yelpazesi arasında çok popülerdir: sıradan insanlardan sisteme ... 2021-11-06 10:20:40 Mikrodenetleyiciler MCS-51: yazılım modeli, yapısı, talimatları UDC 681.5, 681.325.5 (075.8) BBK 32.973.202-018.2 i 73 Shcherbina A.N. Bilgisayar makineleri, sistemleri ve ağları. Mikrodenetleyiciler ve mikroişlemciler ... 2021-11-06 10:20:40 Kodlama teorisi. Kodlama türleri. Kodlama teorisinin doğuşu Kodlama yöntemlerinin sınıflandırılması "Bu kursun amacı sizi teknik geleceğiniz için hazırlamaktır." Merhaba, Habr. "Siz ve işiniz" harika makalesini hatırlayın (+219, 2442 yer imi, ... 2021-11-06 10:20:40 Geri Besleme Kaydırma Kayıtları Doğrusal Geri Besleme Kaydırma Kaydı c Doğrusal bir geri besleme kaydırma kaydı (LFSR), değeri ... olan bir bit sözcük kaydırma kaydıdır. 2021-11-01 11:09:32 Sörf ve otomatik sörften nasıl para kazanılır? Sörfte kazanç: sörf özellikleri + 5 avantaj ve dezavantaj + otomatik sörf için 3 özel program + 5 popüler hizmet ... rzdoro.ru Demir Windows 10 Tarama Windows 7 Windows XP Yazıcı Sürücüleri dizüstü bilgisayarlar Windows 8 Ses videosu gadget'lar Çeşitli Linux