Kişiler

Değişmez giriş. Not: özel doğrulama mesajları. GİZLİ gizli alan

  • 22.05.2019

Şartname

Gerekli Nitelik

Değerler

Tablo 1, type niteliğinin olası değerlerini ve form alanının elde edilen formunu listeler.

Sekme. 1. Değerleri yazın
Bir çeşit Açıklama görüş
buton Buton.
onay kutusu Onay kutuları. Önerilenler arasından birden fazla seçenek seçmenizi sağlar. Bira Çay Kahve
dosya Sunucuya gönderilen dosyanın adının girileceği alan.
gizlenmiş Gizli alan. Web sayfasında hiçbir şekilde görüntülenmez.
resim Görüntü alanı. Resme tıkladığınızda, form verileri sunucuya gönderilir.
parola Normal bir metin alanıdır, ancak tüm karakterlerin yıldızlarla gösterilmesi bakımından ondan farklıdır. Girilen şifreyi kimsenin gözetleyemeyeceği şekilde tasarlanmıştır.
radyo Anahtarlar. Sunulan birkaç seçenek arasından birini seçmeniz gerektiğinde kullanılır. Bira Çay Kahve
Sıfırla Form verilerini orijinal değerine döndürme düğmesi.
Sunmak Form verilerini sunucuya gönderme düğmesi.
Metin Metin alanı. Klavyeyi kullanarak karakter girmek için tasarlanmıştır.

Tablo 1'de gösterildiği gibi HTML5'e yeni değerler eklendi. 2.

Bu değerler için tarayıcı desteği Tablo 1'de gösterilmiştir. 3.

Sekme. 3. HTML5 değerleri için tarayıcı desteği
Anlam Internet Explorer Krom Opera Safari Firefox Android iOS
renk 21.0+ 11.01+
tarih 5.0+ 10.62+ 5.0+ 5.0+
tarih saat 5.0+ 10.62+ 5.0+ 5.0+
tarih saat-yerel 5.0+ 10.62+ 5.0+ 5.0+
e-posta 10.0 5.0+ 10.62+ 5.0+ 4.0+ 2.3+ 3.1+
ay 5.0+ 10.62+ 5.0+ 5.0+
sayı 10.0 6.0+ 10.62+ 5.0+ 2.3+ 4.0+
Aralık 10.0 5.0+ 10.62+ 5.0+ 23.0+ 5.0+
arama 10.0 5.0+ 11.01+ 5.0+ 4.0+ 4.0+
tel 10.0 5.0+ 11.01+ 5.0+ 4.0+ 3.1+
zaman 5.0+ 10.62+ 5.0+ 5.0+
url 10.0 5.0+ 10.62+ 5.0+ 4.0+ 2.3+ 3.1+
hafta 5.0+ 10.62+ 5.0+ 5.0+

Varsayılan değer

HTML5 IE Cr Op Sa Fx

Giriş etiketi, nitelik yazın

Bira
Çay
Kahve



HTML5 IE Cr Op Sa Fx

Giriş etiketi, nitelik yazın

Lütfen 1'den 10'a kadar bir sayı girin



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 parola 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 alt 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 tarayıcı tarafından saklanır ve değiştirilir, ancak 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 imleci ile 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üğmelerinin 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.

, örneğin, programlı olarak veya tasarım nedenleriyle oluştururken.

Sözdizimi

...

Değerler

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

).

Varsayılan değer

formasyon

Form işlemcisinin adresini belirler - bu, form verilerini alan ve onunla istenen eylemleri gerçekleştiren programdır. Formaction özniteliği, eylemde bir öğenin action özniteliğine benzer. .

Sözdizimi

Değerler

formenctype

Form verilerinin sunucuya gönderildiğinde nasıl kodlanacağını ayarlar. Genellikle alan bir dosya göndermek için kullanıldığında açıkça belirtilir (giriş tipi = "dosya"). Bu öznitelik, aslında bir öğenin enctype özniteliğine benzer. , birlikte kullanıldığında formenctype ve enctype yok sayılır.

Sözdizimi

Değerler

  • application / x-www-form-urlencoded - Boşluk yerine + yerleştirin, Rusça harfler gibi karakterler onaltılık değerleriyle kodlanır (örneğin, % D0% 9F% D0% B5% D1% 82% D1% 8F yerine Petya).
  • multipart / form-data - Veriler kodlanmaz. Bu değer, dosya yüklerken kullanılır.
  • metin / düz - Boşluklar + ile değiştirilir, harfler ve diğer karakterler kodlanmaz.

Varsayılan değer

application / x-www-form-urlencoding

biçim yöntemi

Öznitelik, tarayıcıya form verilerini sunucuya göndermek için hangi yöntemi kullanacağını söyler.

Sözdizimi

Değerler

get ve post anahtar sözcükleri ile belirtilen GET ve POST olmak üzere iki yöntem vardır.

  • get - Bu yöntem, form verilerini doğrudan adres çubuğuna, soru işaretinden sonra sayfa adresine eklenen ve bir ve işareti (& karakteri) ile ayrılan ad = değer çiftleri biçiminde iletmek için tasarlanmıştır. Örneğin tam adres http://site.ru/doc/?name=Vasya&password=pup olacaktır. Yöntemdeki veri miktarı 4 KB ile sınırlıdır.
  • post - Bir tarayıcı isteğinde sunucuya veri gönderir, gönderilen veri miktarı yalnızca sunucu ayarlarıyla sınırlıdır.

Varsayılan değer

formnovalidat

Formu göndermeden önce, kullanıcının forma girdiği verilerin yerleşik doğrulamasını doğruluk için iptal eder. Bu kontrol, alanlar için tarayıcı tarafından otomatik olarak yapılır. , , ayrıca öğenin bir desene veya gerekli bir niteliğe sahip olup olmadığı .

Sözdizimi

Değerler

Varsayılan değer

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

biçim hedefi

Form işlemcisi tarafından HTML belgesi olarak döndürülen sonucun yükleneceği çerçevenin adını belirtir.

Sözdizimi

Değerler

Değer, name özniteliği tarafından belirtilen çerçevenin adıdır. Var olmayan bir ad ayarlanırsa yeni bir sekme açılır. Aşağıdakiler ayrılmış adlar olarak kullanılabilir.

  • _blank - Sayfayı yeni bir tarayıcı sekmesine yükler.
  • _self - Sayfayı geçerli sekmeye yükler.
  • _parent - Sayfayı üst çerçeveye yükler; çerçeve yoksa, bu değer _self gibi çalışır.
  • _top - Tüm çerçeveleri iptal eder ve sayfayı tam tarayıcı penceresinde yükler; çerçeve yoksa, bu değer _self gibi çalışır.

Varsayılan değer

liste

Bir öğeyle oluşturulan seçeneklerin listesini gösterir yazarken seçilebilir. Başlangıçta bu liste gizlidir ve alan odak aldığında kullanılabilir hale gelir.

Sözdizimi

Değerler

Öğe kimliği adı .

Varsayılan değer

maksimum

Form alanına sayı veya tarih girmek için en üst değeri ayarlar.

Sözdizimi

Değerler

Varsayılan değer

maksimum uzunluk

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

Değerler

Varsayılan değer

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

dk

Form alanına sayı veya tarih girmek için en alttaki değeri ayarlar.

Sözdizimi

Değerler

Tamsayı pozitif veya negatif sayı (tür = "sayı" için = "aralık" yazın).

YYYY-AA-GG biçiminde tarih (örneğin: 2012-12-22), tür = "tarih" için.

Varsayılan değer

minimum uzunluk

Kullanıcı tarafından metin alanına girilebilecek minimum karakter sayısını ayarlar. Karakter sayısı belirtilen değerden azsa, tarayıcı bir hata mesajı görüntüler ve formu göndermez.

Sözdizimi

Değerler

Herhangi bir pozitif tam sayı.

Varsayılan değer

çoklu

Multiple özniteliği, dosya yükleme alanında aynı anda birden çok dosya ve birden çok e-posta adresi belirtmenize olanak tanır. İki veya daha fazla posta adresi kullanıldığında, bunlar virgülle ayrılmalıdır.

Sözdizimi

Değerler

Varsayılan değer

Çoklu öznitelik varsayılan olarak kapalıdır.

isim

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

Sözdizimi

Değerler

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

Varsayılan değer

Desen

Bir form alanına veri girmek ve doğrulamak için normal bir ifade belirtir. Desen özelliği mevcutsa, alan doğru bir şekilde doldurulana kadar form gönderilmeyecektir.

tarayıcı desteği

Giriş kalıbı kullanabilir miyim? caniuse.com'daki başlıca tarayıcılarda giriş kalıbı özelliği desteğine ilişkin veriler.

Sözdizimi

Değerler

Bazı tipik normal ifadeler tabloda listelenmiştir. 1.

Sekme. 1. Normal ifadeler
İfade Açıklama
NS 0'dan 9'a kadar bir rakam.
D [^ 0-9] Rakam dışında herhangi bir karakter.
s Uzay.
Sadece büyük Latin harfi.
Her durumda sadece bir Latin harfi.
[A-Yaa-yayo] Her durumda sadece Rus mektubu.
Rus ve Latin alfabesinin herhangi bir harfi.
{3} Üç sayı.
{6,} En az altı Latin harfi.
{,3} Üç rakamdan fazla değil.
{5,10} Beş ila on basamak.
^+$ Latince herhangi bir kelime.
^ [A-Yaa-yaёs] + $ Boşluklar dahil Rusça herhangi bir kelime.
^[ 0-9]+$ Herhangi bir numara.
{6} Posta kodu.
d + (, d (2))? 1.34 (virgül ayırıcı) biçiminde bir sayı.
d + (. d (2))? 2.10 biçimindeki sayı (nokta ayırıcı).
d (1,3) .d (1,3) .d (1,3) .d (1,3) IP adresi

Yer tutucu

Odak elde edildiğinde veya yazarken kaybolan bir form alanı içinde metin çıktısı verir. Genellikle gri renkte görüntülenir.

tarayıcı desteği

Giriş-yer tutucu kullanabilir miyim? caniuse.com'daki başlıca tarayıcılarda giriş-yer tutucu özelliği desteğine ilişkin veriler.

Sözdizimi

Değerler

Metin dizesi. Bir dize içinde bir boşluk olduğu varsayılırsa, çift veya tek tırnak içine alınmalıdır.

Varsayılan değer

Sadece oku

Bir öğeye ne zaman salt okunur özniteliği eklenirse, metin alanı, yeni metin girmek veya mevcut olanı değiştirmek dahil olmak üzere kullanıcı tarafından değiştirilemez. Ancak alanın durumu ve içeriği betikler kullanılarak değiştirilebilir ve veriler sunucuya gönderilir.

Sözdizimi

Değerler

Varsayılan değer

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

gereklidir

Formu sunucuya göndermeden önce gerekli olacak form alanını ayarlar. Gerekli alan boşsa, tarayıcı bir hata mesajı görüntüler ve form gönderilmez. Mesajın türü ve içeriği tarayıcıya bağlıdır ve kullanıcı tarafından değiştirilemez.

Sözdizimi

Değerler

Varsayılan değer

Gerekli öznitelik varsayılan olarak kapalıdır.

boy

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 belirlenir. Yazı tipi boyutu stiller kullanılarak değiştirilirse genişlik de buna göre değişir.

Sözdizimi

Değerler

Herhangi bir pozitif tam sayı.

Varsayılan değer

kaynak

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

Sözdizimi

Değerler

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

Varsayılan değer

adım

Kaydırıcılar ve sayı giriş alanları için sayı artışını ayarlar.

Sözdizimi

Değerler

Herhangi bir tam sayı veya kesirli sayı.

Varsayılan değer

tip

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

tarayıcı desteği

e-posta, tel, url:

Giriş-e-posta-tel-url'yi kullanabilir miyim? caniuse.com'daki başlıca tarayıcılarda giriş-e-posta-tel-url özelliği desteğine ilişkin veriler.

Giriş rengini kullanabilir miyim? caniuse.com'daki başlıca tarayıcılarda renk girişi özelliği desteğine ilişkin veriler.

Giriş aralığını kullanabilir miyim? caniuse.com'dan başlıca tarayıcılarda giriş aralığı özelliği desteğine ilişkin veriler.

Giriş numarasını kullanabilir miyim? caniuse.com'daki başlıca tarayıcılarda sayı girişi özelliği desteğine ilişkin veriler.

Giriş aramayı kullanabilir miyim? caniuse.com'daki başlıca tarayıcılarda giriş arama özelliği desteğine ilişkin veriler.

tarih, saat, tarihsaat:

Giriş-tarih saatini kullanabilir miyim? caniuse.com'daki başlıca tarayıcılarda giriş-tarih-saat özelliği desteğine ilişkin veriler.

Sözdizimi

Değerler

Tür değerleri:

  • düğme - Düğme.
  • onay kutusu - Onay kutuları. Önerilenler arasından birden fazla seçenek seçmenizi sağlar.
  • dosya - Sunucuya gönderilen dosyanın adının girileceği alan.
  • gizli - Gizli alan. Web sayfasında hiçbir şekilde görüntülenmez.
  • resim - Bir resim içeren alan. Resme tıkladığınızda, form verileri sunucuya gönderilir.
  • şifre - Normal metin alanı, ancak tüm karakterlerin yıldızlarla gösterilmesi bakımından bundan farklıdır. Girilen şifreyi kimsenin gözetleyemeyeceği şekilde tasarlanmıştır.
  • radyo - Anahtarlar. Sunulan birkaç seçenek arasından birini seçmeniz gerektiğinde kullanılır.
  • reset - Form verilerini orijinal değerine döndürme düğmesi.
  • gönder - Form verilerini sunucuya göndermek için düğme.
  • metin - Metin alanı. Klavyeyi kullanarak karakter girmek için tasarlanmıştır.

HTML5'e eklenen yeni değerler:

  • color - Bir renk seçmek için widget.
  • tarih - Bir takvim tarihi seçme alanı.
  • datetime - Tarih ve saati belirtin.
  • datetime-local - Yerel tarih ve saati belirtin.
  • e-posta - E-posta adresleri için.
  • sayı - Sayıları girin.
  • aralık - Belirtilen aralıktaki sayıları seçmek için kaydırıcı.
  • arama - Arama alanı.
  • tel - Telefon numaraları için.
  • zaman - Zaman için.
  • url - Web adresleri için.
  • ay - Ay seçin.
  • hafta - Bir hafta seçin.

Varsayılan değer

değer

Sunucuya gönderilecek veya istemci komut dosyaları kullanılarak alınacak bir form öğesinin değerini belirtir. Sunucuya bir çift "ad = değer" gönderilir, burada ad, öğenin ad özniteliği tarafından belirtilir. ve değer, değer niteliğidir.

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

  • düğmeler için (giriş türü = "düğme | sıfırla | gönder") üzerlerine bir metin başlığı ayarlar;
  • metin alanları için (giriş türü = "parola | metin") önceden girilen dizeyi belirtir. Kullanıcı metni silebilir ve kendi karakterlerini girebilir, ancak Sıfırla düğmesi şeklinde kullanıldığında kullanıcı metni temizlenir ve değer özniteliğine girilen değer geri yüklenir;
  • onay kutuları ve radyo düğmeleri için (giriş tipi = "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.
  • bir dosya alanı için (giriş tipi = "dosya") hiçbir etkisi yoktur.

Sözdizimi

Değerler

Herhangi bir metin dizesi.

Varsayılan değer

ARIA rol değerleri

  • - rol = düğme
  • - rol = onay kutusu
  • - rol = metin kutusu
  • - rol = düğme
  • - rol = döndürme düğmesi
  • - rol = radyo
  • - rol = kaydırıcı
  • - rol = düğme
  • - rol = arama kutusu
  • - rol = düğme
  • - rol = metin kutusu
  • - rol = metin kutusu
  • - rol = açılan kutu
  • - rol = metin kutusu

Etiket çok yönlü form öğelerinden biridir ve farklı arayüz öğeleri 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. element olmasına rağmen kabın içine yerleştirilmesi gerekmez , formu tanımlar, ancak kullanıcı tarafından girilen veriler CGI programı tarafından işlendiği sunucuya gönderilecekse, FORM belirtilmelidir. Aynı durum, JavaScript komut dosyaları gibi istemci uygulamaları kullanılarak veri işleme için de geçerlidir.

Ana etiket parametresi , öğ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) ve görüntü (görüntü) içeren bir düğme. Her öğenin türünü ve özelliklerini belirleyen kendi parametre listesi vardır.

Sözdizimi

Seçenekler

Etiket parametrelerinin açıklaması


ALIGN parametresi

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

Sözdizimi

Argümanlar

  • alt- Resmin alt kenarlığını çevreleyen metinle hizalayın
  • sol- Görüntüyü pencerenin soluna hizalar
  • orta- Görüntünün ortasının mevcut satırın taban çizgisine hizalanması.
  • sağ- Görüntüyü pencerenin sağ kenarına hizalar.
  • Tepe- Resmin üst sınırı, geçerli satırın en uzun öğesiyle hizalanır.

Varsayılan alttır. Tarayıcılar ayrıca argümanları da destekler karın, karın doyurmak, temel ve metin üstü HTML 4.01 spesifikasyonuna dahil olmayanlar.

ALT parametresi

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 zaten yüklenirken, 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

Değer, uygun herhangi bir metin dizesi olabilir. Çift veya tek tırnak içine alınmalıdır.

KENARLIK parametresi

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

Sözdizimi

Geçerli değer, piksel cinsinden herhangi bir pozitif tam sayıdır. Varsayılan 0'dır.

KONTROL EDİLEN parametre

Bu parametre, 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


DEVRE DIŞI parametre

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

MAKSENGTH parametre

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


Parametre adı

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

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.

SADECE OKUYUN parametresi

Ne zaman etiketlenmeli salt okunur parametre eklenirse, metin alanı, yeni metin girmek veya mevcut olanı 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


SIZE parametresi

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

Geçerli değer, herhangi bir pozitif tam sayıdır.

SRC parametresi

Resimli alanda web sayfasında görüntülenecek grafik dosyasının adresi.

Sözdizimi

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

TYPE parametresi

Gerekli type parametresi, tarayıcıya form öğesinin ne tür olduğunu söyler.

Sözdizimi

Argümanlar

  • buton- Buton.
  • onay kutusu- Bayraklar. Önerilenler arasından birden fazla seçenek seçmenizi sağlar.
  • dosya- Sunucuya gönderilen dosyanın adının girileceği alan.
  • gizlenmiş- Gizli alan. Web sayfasında hiçbir şekilde görüntülenmez.
  • resim- Görüntü alanı. Resme tıkladığınızda, form verileri sunucuya gönderilir.
  • parola- Normal metin alanı, ancak tüm karakterlerin yıldızlarla gösterilmesi bakımından bundan farklıdır. Girilen şifreyi kimsenin gözetleyemeyeceği şekilde tasarlanmıştır.
  • radyo- Anahtarlar. Sunulan birkaç seçenek arasından birini seçmeniz gerektiğinde kullanılır.
  • Sıfırla- Form verilerini orijinal değerine döndürme düğmesi.
  • Sunmak- Form verilerini sunucuya gönderme düğmesi.
  • Metin- Metin alanı. Klavyeyi kullanarak karakter girmek için tasarlanmıştır.

Varsayılan metindir.

DEĞER parametresi

Sunucuya gönderilecek veya istemci komut dosyaları kullanılarak alınacak bir form öğesinin değerini belirtir. Adın etiketin name parametresi tarafından belirtildiği sunucuya bir "name = value" çifti gönderilir. 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 | gönder") üzerlerine bir metin başlığı ayarlar;
  • 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ş tipi = "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.

eleman (İngilizce "input" - "input") formun ana öğesidir (HTML etiketi

) ve bilgi girmek için özel bir alan tanımlar.

Girdi alanı, verilen öğeye uygulanan type özniteliğinin değerine bağlı olarak farklı bir biçim alır. Bunlar çeşitli düğmeler, metin, parola veya dosya adı girme alanları, radyo düğmeleri, onay kutuları vb. olabilir.

etiketinden beri satır içi ise, bir form içine alınması gerekmez ( ), ancak sunucuya veri gönderiyorsanız, bu yapılmalıdır. Ama etikete başvurursanız , örneğin, komut dosyalarını kullanarak, onu satır içi etiketler içerebilecek herhangi bir öğenin içine yerleştirmek yeterlidir.

Not: Etiket herhangi bir içerik içeremez, yalnızca nitelikler içerebilir.

Sözdizimi

Bitiş etiketi

Gerekli değil.

Öznitellikler

type main niteliği, giriş öğesinin türünü tanımlar. Öznitelik belirtilmemişse, varsayılan "metin"dir.
Olası değerler:
  • buton- başlığı ile aktif düğmeyi tanımlar.
  • onay kutusu- onay kutuları için kontrolleri tanımlar.
  • renk- kullanıcıların renk değerlerini onaltılık biçimde seçmelerine olanak tanıyan bir renk paleti oluşturur.
  • tarih- takvim tarihini (yıl, ay, gün) girmek için alanı tanımlar.
  • tarih saat- tarih ve saatin girileceği alanı tanımlar.
  • tarih saat-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 bir giriş alanı tanımlar (web sayfasında gösterilmez).
  • resim- bir resmi, form verilerini sunucuya göndermek için bir düğme olarak tanımlar. Resim URL'sini tanımlamak için bu değerle birlikte src özniteliği ve alternatif metni tanımlamak için alt özniteliği kullanılmalıdır. Görüntünün piksel cinsinden boyutunu belirlemek için genişlik ve yükseklik niteliklerini de ayarlayabilirsiniz.
  • ay- bir ay seçmenize izin verir, bundan sonra bir yıl ve bir ay şeklinde veri girişi sağlayacaktır (örneğin: 2017-07).
  • 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. İşaretli öznitelik, seçeneğin varsayılan olarak seçili olduğunu gösterir.
  • Aralık- belirtilen aralıktaki sayıları girmek için bir kaydırıcı oluşturur. Karşılık gelen nitelikler belirtilmemişse, varsayılan değerler şunlardır:
    • dk = 1
    • maksimum = 100
    • değer = min + (maks - min) / 2 veya maks ise min< min
    • adım = 1
  • Sıfırla- form verilerini orijinal durumuna sıfırlamak için bir düğme oluşturur.
  • arama- arama dizesini girmek için bir metin alanı tanımlar.
  • Sunmak- form verilerini sunucuya göndermek için bir "Gönder" düğmesi 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- saati 24 saat biçiminde girmek için alanı tanımlar, örneğin 17:30.
  • 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: 2017-W15).

Tüm tarayıcılar HTML5'e eklenen türleri desteklemez.
Tarayıcı yeni türlerden herhangi birini desteklemiyorsa, bunun bir tür olduğunu varsayacaktır. Metin .

Kabul et Forma eklenebilecek (sunucuya gönderilecek) dosya türlerini/biçimlerini belirler. öznitelik yalnızca için kullanılır ... align Eski Görüntü girişinin hizalamasını belirtir (yalnızca ). resim düğmesi için alternatif metin. otomatik tamamlama HTML5 Otomatik tamamlamayı etkinleştirir veya devre dışı bırakır. otomatik odaklama HTML5 Bir öğenin otomatik olarak sayfa yüküne odaklanmalıdır. border Kullanımdan Kaldırıldı Resmin etrafındaki kenarlığın kalınlığı. kontrol edildi Öğenin sayfa yüklendiğinde önceden seçilmesi gerektiğini belirtir (yalnızca type = "onay kutusu"> ve ). dirname HTML5 Metnin yönünü sunucuya ileten bir parametre. devre dışı Öğeye erişimi ve öğenin değiştirilmesini engeller. form HTML5 Bir form belirtir (öğe ) kontrolün ait olduğu. Değer, aynı belgedeki form tanımlayıcısı () olmalıdır. formaction HTML5 Formu gönderdikten sonra giriş bilgilerini işleyecek (kontrol edecek) dosyanın URL'sini belirtir (yalnızca type = "görüntü"> ve ). formenctype HTML5 Form verilerinin sunucuya gönderildiğinde nasıl kodlanacağını belirler (yalnızca type = "görüntü"> ve ). formmethod HTML5 Veri göndermek için HTTP yöntemini tanımlar (yalnızca type = "görüntü"> ve ). formnovalidate HTML5 Yerleşik veri doğrulamasını geçersiz kılar (yalnızca type = "gönder">). formtarget HTML5 Form işlemcisi tarafından döndürülen sonucun yükleneceği pencereyi veya çerçeveyi belirtir. Varsayılan, _self'dir - yanıtı geçerli pencerede görüntüler. öznitelik yalnızca için kullanılır type = "görüntü"> ve type = "gönder">... list HTML5 Metin girerken seçebileceğiniz seçenekler listesini gösterir. Özellik değeri, öğe kimliğiyle eşleşmelidir ... max HTML5 Sayı veya tarih girişi için üst değer. maxlength HTML5 Bir öğede izin verilen maksimum karakter sayısını belirtir. Yalnızca şu türdeki kontroller için: metin, arama, tel, url, e-posta ve parola (geri kalanı yoksayılır). min Bir sayı veya tarih girmek için daha düşük değer. minlength HTML5 Metinde izin verilen minimum karakter sayısı. Yalnızca şu türlerin denetimleri için: metin, arama, tel, url, e-posta ve parola. çoklu HTML5 Kullanıcının bir öğeye birden fazla değer girebileceğini belirtir (yalnızca yazın = "dosya"> ve yazın = "e-posta">). name Form işlemcisinin tanımlayabilmesi için alanın adı. kalıp HTML5 Öğeye girilen değerin kontrol edildiği giriş kalıbını ayarlar. Normal ifade sözdizimi dille eşleşir JavaScript... Yalnızca şu türdeki kontroller için: metin, arama, tel, url, e-posta ve parola (geri kalanı yoksayılır). yer tutucu HTML5 İpucu metnini görüntüler. Nitelik, e-posta, şifre, arama, tel, metin ve url değerleriyle belirli türlerdeki (tip niteliği) veri alanlarıyla kullanılabilir. salt okunur Giriş alanının salt okunur olduğunu gösterir. gerekli HTML5 Zorunlu alan. size src Gönder düğmesi olarak kullanılacak resmin URL'sini ayarlar (yalnızca ). adım HTML5 Sayısal alanlar için artış adımı. Yalnızca şu türdeki denetimler için: sayı, aralık, tel, tarih, tarih, saat, yerel tarih-saat, ay, saat ve hafta (diğerleri yoksayılır). Varsayılan 1'dir. değer Öğenin değeri. genişlik HTML5

eleman destekler

Formlarda kullanılan en yaygın etiket, ... Bitiş etiketi yoktur. Tarayıcının işlemesi gereken tüm bilgiler doğrudan etikette bulunur ve çeşitli öznitelikler kullanılarak ayarlanır. anlambilim niteliğinin değerine bağlı olarak büyük ölçüde değişir tip.

Etiket özellikleri
type Öğenin türünü belirten ana nitelik. Öznitelik belirtilmemişse, varsayılan Metin.
Olası değerler:

Tüm tarayıcılar HTML5'e eklenen türleri desteklemez.
Tarayıcı yeni türlerden herhangi birini desteklemiyorsa, bunun bir tür olduğunu varsayacaktır. Eski tarayıcılar için desteğin nasıl organize edileceği bir tarih örneği kullanılarak açıklanmaktadır.

Otomatik tamamlama = "kapalı" Bu alan için otomatik tamamlamayı devre dışı bırakır. Tek seferlik kodlar, captcha'lar vb. için giriş alanları için çok kullanışlıdır. .setAttribute ("otomatik tamamlama", "kapalı"); otomatik odaklama Sayfa yüküne otomatik olarak odaklanın. Değer üç şekilde ayarlanabilir: ... ... ... Daha eski tarayıcılar için otomatik odaklama özelliğinin öykünmesine bir örnek. devre dışı Öğeyi erişilemez hale getirir. Kullanılamayan öğeler sunucuya yüklenmez. name Alanın adı. Oluşturduğunuz her girdi alanının kendi benzersiz adı olmalıdır, aksi takdirde komut dosyası alınan değerlerin hangi alanlara ait olduğunu belirlemeyecektir. Elbette, giriş alanının adı, işleyicide kendisi için açıklanan adla eşleşmelidir. değer Alanın varsayılan değeri veya düğme üzerindeki etiket. boyut Tür alanının boyutu. maxlength Tür alanına girilebilecek karakter sayısını sınırlayın. readonly = "salt okunur" veya "" Öğede değişiklik yapılmasını önler. gerekli Alanın doldurulup doldurulmadığını otomatik olarak kontrol eder.
Doğru doldurulmuş bir gerekli alanı vurgulamak için aşağıdaki stil yapısını kullanabilirsiniz: min Bir tür alanındaki bir sayının minimum değeri sayı... max Bir tür alanındaki bir sayının maksimum değeri sayı... adım Tür alanındaki sayıyı değiştirme adımı sayı... desen Giriş alanının deseni. Veri girişinin doğruluğunu kontrol etmek. HTML5 form giriş deseni için örnek şablonlar. yer tutucu Form alanındaki, odak alanı alındığında otomatik olarak kaybolan ipucu metni.
Araç ipucu stili ayarlamaya bir örnek:

IE ve Firefox (sürüm 18'e kadar) Yer tutucu sözde sınıf olarak kabul edilir ve diğerlerinde sözde öğe olarak kabul edilir.

SONUÇ:

Liste Metin kutusuna yazarken seçebileceğiniz seçeneklerin listesi.
Başlangıçta bu liste gizlidir ve alan odak veya yazma aldığında kullanılabilir hale gelir.

GİRİŞ Öğe Türleri

DÜĞME düğmesi

Buton BUTON bazı komut dosyalarını çalıştırmanız gerektiğinde bu durumlar için tasarlanmıştır. Yani, düğmeye bir olay asılır OnClick ve istenen fonksiyon çağrılır. Bağlanmak değer düğme üzerindeki etiketi ayarlar. Bağlanmak tıklamada düğme tıklandığında çağrılan bir JavaScript işleyicisini belirtir. Bağlanmak isim düğmenin JavaScript adlandırması için kullanılır (sunucuya iletilmez).

Örnek

SONUÇ:

GÖNDER düğmesi

Bu buton form göndermek içindir. Çoğu tarayıcıda, bir düğmeden neredeyse ayırt edilemez görünüyor. Kendisi iletilmez, sadece kontrole hizmet eder.

Bağlanmak tıklamada düğme için SUNMAK bir olay işleyici kullanmak daha iyi olduğu için pratik olarak kullanılmaz göndermek etikette belirtilen ... Sonuçta, forma girilen verileri aktarmak için genel durumda, butona tıklamak hiç gerekli değildir. SUNMAK... sadece klavyedeki tuşa basabilirsin GİRMEK herhangi bir metin giriş alanındayken. Bu, verileri aktaracaktır.

Örnek

SONUÇ:

Bağlanmak değer birden fazla veri aktarım düğmesi kullanıldığında belirli avantajlar sağlar. Bu durumda, alınan değişkenin değerine bağlı olarak, komut dosyası, alınan bilgilerin daha fazla nasıl işleneceğini belirleyebilecektir.

Örnek

SONUÇ:

Bağlanmak formnovalidat form değerlerinin doğrulanmasını önlemek için uygulanabilir.

Örnek


SONUÇ:

Yeniden başlatma tuşu

Bu, formu temizlemek için kullanılan düğmedir. Basıldığında, değiştirilen tüm öğeler varsayılan değerlerine döndürülür. Nadiren kullanılır. Ancak bazı durumlarda oldukça faydalı olabilir.

İpucu: Düğme üzerindeki etiketin seçimine dikkat edin SIFIRLA... “Temizle”, “Baştan başla”, “Girişi sil” vb. gibi bir şey oldukça görsel olacaktır (ve en önemlisi, bir çaydanlık için bile sezgisel olarak anlaşılabilir). Genel olarak, kullanıcının bu anahtarın amacı hakkında en ufak bir şüphe duymaması gerekir.

Örnek

SONUÇ:

METİN giriş alanı

Metin giriş alanı, formlarda en sık kullanılan formdur. Ayrıca, haklı olarak formların ana ve en önemli unsuru olarak kabul edilebilir. Bu tür etiket tarafından kullanılır varsayılan olarak, bir metin kutusu görüntülemek için boş bırakabilirsiniz. Ancak, seçicinin stilini ayarlamak gerekirse giriş, ardından özellik tür = "metin"özlenemez.
Nitelik tarafından belirtilen alanın adı isim, her zaman gereklidir, çünkü bu parametreye dayanarak, tarayıcı isim = değer çiftini komut dosyasına iletir.

Örnek

SONUÇ:

Oluşturulan alana ilk değer olarak "Ivanov" metni yerleştirilir. Kullanıcı herhangi bir değişiklik yapmazsa veya butona tıklarsa, Ivanov değeri komut dosyasına kullanıcının soyadı olarak gönderilir.

Numara giriş alanı NUMBER

Alan, sayıları girmek içindir. Girerken kesirli kısım nokta (2.5) veya virgül (2.5) ile ayrılabilir. Kullanıcı harf girerse, form sunucuya gönderilmez.

Örnek

SONUÇ:

Alanın minimum, maksimum değerini ve sayıyı değiştirme adımını ayarlayabilirsiniz. Adım değeri pozitif veya negatif olabilir ancak 0'dan büyük olmalıdır. Alana girilen sayı belirtilen limitleri karşılamıyorsa sunucuya gönderim yapılmayacaktır.

Örnek

SONUÇ:

Herhangi bir adımı belirtmek için şunu kullanın: adım = "herhangi biri".

Örnek

SONUÇ:

Alan sayı farklı görüntülenir: bazı tarayıcılar her zaman okları gösterir, bazıları yalnızca alan üzerine geldiğinde veya odak aldığında.

Parola

GİZLİ gizli alan

Bu, özel (gizli) bir metin kutusu türüdür. Bir komut dosyası birkaç farklı formu işlerse, her formun gizli alanında, hangi formla uğraştığınızı belirlemenize izin verecek bir tanımlayıcı belirtebilirsiniz.

Örnek
... Diğer form öğeleri ....
... Diğer form unsurları ...

Tarayıcı, gizli alanı görüntülemez, ancak tarayıcıyı HTML görüntüleme moduna geçirerek ve Web sayfasının metnini ayrıştırarak algılanabilir. Gizli alanlar, bir komut dosyası için gerekli olan bilgileri sağlamanız gerektiğinde yararlıdır, ancak kullanıcının onda değişiklik yapmasını istemiyorsanız. Ancak, bilgili bir kullanıcının formunuzu bir dosyaya kaydedebileceğini, düzenleyebileceğini ve ardından bu formu değiştirilmiş bir biçimde sunucuya gönderebileceğini unutmayın. Bu nedenle, herhangi bir koruma sağlamak için gizli alanlara güvenmemelisiniz.

Örnek

Komut dosyası adlı bir değişken alacak FormSürüm 1.2 değeri atanacaktır. Bu bilgiler, formdan alınan bilgilerin geri kalanının nasıl işlendiğini belirlemek için kullanılabilir. Kullanıcı bu değeri değiştirirse, komut dosyası programı beklenmedik şekillerde davranabilir.

E-posta adresi giriş alanı

Birden fazla adres girmek için özniteliği ekleyebilirsiniz. çoklu ve adresleri ayırmak için virgül (,) kullanılır

Örnek



İlgili Makaleler

En son makaleler
Popüler Makaleler
Editörün Seçimi
rzdoro.ru