Cədvəl 2. Tag atributları
Atribut
Məna/Təsvir
əlil
Əgər atribut mövcuddursa, o zaman konteynerin içərisində yerləşən əlaqəli forma elementləri qrupu , doldurmaq və redaktə etmək üçün əlildir. Əvvəllər daxil edilmiş məlumatları ehtiva edən müəyyən forma sahələrinə girişi məhdudlaşdırmaq üçün istifadə olunur. Atribut dəyər göstərilmədən istifadə olunur - .
forma
ad
Müəyyən edir ad JavaScript-də elementlərə istinad etmək və ya forma doldurulduqdan və təqdim edildikdən sonra forma məlumatlarına istinad etmək üçün istifadə olunacaq. Bu id atributunun analoqudur.
3. Forma sahələri yaradın
Element əksər forma sahələrini yaradır. Elementin atributları elementin yaratmaq üçün istifadə etdiyi sahənin növündən asılı olaraq fərqlənir.
CSS üslublarından istifadə edərək siz şriftin ölçüsünü, şrift tipini, rəngini və digər mətn xassələrini dəyişə, həmçinin haşiyələr, fon rəngi və fon şəkli . Sahənin eni width xüsusiyyəti ilə müəyyən edilir.
Cədvəl 3. Tag atributları
Atribut
Məna/Təsvir
qəbul et
Serverə göndərilməsinə icazə verilən faylın növünü müəyyən edir. Yalnız üçün göstərilir . Mümkün dəyərlər: file_extension - müəyyən edilmiş genişləndirmə ilə faylları yükləməyə imkan verir, məsələn, accept=".gif" , accept=".pdf" , accept=".doc" audio/* - audio faylları endirməyə imkan verir video/* - video faylları endirməyə imkan verir image/* - şəkilləri yükləməyə imkan verir media_type - yüklənmiş faylların media növünü göstərir.
alt
Müəyyən edir alternativ mətn şəkillər üçün, yalnız üçün göstərilir .
avtomatik tamamlama
Mətn sahəsinə daxil edilmiş dəyərləri yadda saxlamaq və növbəti dəfə daxil etdiyiniz zaman avtomatik olaraq əvəz etmək üçün cavabdehdir: on - sahənin qorunmadığını və onun dəyərinin saxlanıla və geri götürülə biləcəyini bildirir, off - forma sahələri üçün avtomatik doldurmağı deaktiv edir.
avtofokus
Yüklənmiş formada bu və ya digər giriş sahəsinin artıq fokus olduğuna (seçilmiş) əmin olmağa imkan verir, dəyər daxil etməyə hazırdır.
yoxlanılır
Atribut, type="checkbox" və type="radio" kimi sahələr üçün səhifə yüklənməsində defolt qeyd qutusunun yoxlanılıb-yoxlanılmadığını yoxlayır.
əlil
forma
Atribut dəyəri elementin id atributuna bərabər olmalıdır
formalaşması
Formanı təqdim edərkən sahələrə daxil edilmiş məlumatları emal edəcək faylın url-ni təyin edir. Yalnız type="submit" və type="image" sahələri üçün təyin edin. Atribut formanın özünün fəaliyyət atributunun dəyərini üstələyir.
forma növü
Forma sahəsi məlumatlarının serverə göndərilərkən necə kodlanacağını müəyyən edir. Formanın enctype atributunun dəyərini ləğv edir. Yalnız type="submit" və type="image" sahələri üçün təyin edin. Seçimlər: application/-x-www-form-urlencoded standart dəyərdir. Bütün simvollar göndərilməzdən əvvəl kodlanır (boşluqlar + simvolu ilə əvəz olunur, xüsusi simvollar ASCII HEX dəyərlərinə çevrilir) multipart/form-data - simvollar kodlaşdırılmır mətn/düz - boşluqlar + simvolu ilə əvəz olunur və xüsusi simvollar kodlaşdırılmır.
forma üsulu
Atribut brauzerin forma məlumatlarını serverə təqdim etmək üçün istifadə edəcəyi metodu müəyyən edir. Yalnız type="submit" və type="image" sahələri üçün təyin edin. Formanın metod atributunun dəyərini əvəz edir. Seçimlər: get standart dəyərdir. Formadakı məlumatlar (ad/dəyər cütü) url-ə əlavə edilir və serverə göndərilir: URL?name=value&name=value post-forma məlumatları http sorğusu kimi göndərilir.
formalaşdırmaq
Forma təqdim edildikdə, forma sahəsində məlumatların təsdiq edilməməsi lazım olduğunu müəyyən edir. Formanın novalidate atributunun dəyərini ləğv edir. Atribut dəyərini təyin etmədən istifadə edilə bilər.
format hədəfi
Formanı təqdim etdikdən sonra alınan cavabın harada göstəriləcəyini müəyyənləşdirir. Yalnız type="submit" və type="image" sahələri üçün təyin edin. Dəyəri əvəz edir hədəf atribut formaları. _parent – cavabı ana çərçivəyə yükləyir _top – cavabı tam ekranda yükləyir çərçivə adı – cavabı müəyyən adla çərçivəyə yükləyir.
hündürlük
Atribut dəyəri ölçü vahidi göstərilmədən piksellərin sayını ehtiva edir. type="image" tipli forma sahəsinin hündürlüyünü təyin edir, məsələn, . Sahənin həm hündürlüyünü, həm də enini eyni vaxtda təyin etmək tövsiyə olunur.
siyahı
Elementə istinaddır , onun id-sini ehtiva edir. İstifadəçiyə müvafiq sahəyə dəyər daxil etməyə başlayanda seçmək üçün bir neçə variant təqdim etməyə imkan verir.
maks
İcazə verilən rəqəmsal girişi maksimum dəyərlə məhdudlaşdırmağa imkan verir kəsr sayı . Bu atributdan min atributla birlikdə istifadə etmək tövsiyə olunur. Aşağıdakı sahə növləri ilə işləyir: nömrə, diapazon, tarix, datetime, datetime-lokal, ay, vaxt və həftə.
maksimum uzunluq
Atribut sahəyə daxil edilən simvolların maksimum sayını təyin edir. Varsayılan dəyər 524288 simvoldur.
min
İcazə verilən rəqəmli daxiletməni minimum dəyərlə məhdudlaşdırmağa imkan verir.
çoxsaylı
İstifadəçiyə vergüllə ayrılmış çoxlu atribut dəyərini daxil etməyə imkan verir. Fayllara və e-poçt ünvanlarına aiddir. Atribut dəyəri olmadan göstərilmişdir.
ad
Elementə daxil olmaq üçün istifadə ediləcək adı müəyyən edir
naxış
İstifadəsini təyin etməyə imkan verir müntəzəm ifadə müəyyən sahəyə daxil edilməsinə icazə verilməli olan məlumatların sintaksisi. Məsələn, pattern="(3)-(3)" - kvadrat mötərizə etibarlı simvolların diapazonunu təyin edir, bu halda - hər hansı kiçik hərflər , qıvrım mötərizələrdəki rəqəm üç kiçik hərfin, ardınca tirenin, sonra 0-dan 9-a qədər dəyişən üç rəqəmin tələb olunduğunu göstərir.
yer tutucu
Doldurulmazdan əvvəl daxiletmə sahəsində göstərilən mətni ehtiva edir (əksər hallarda bu alət ipucudur).
yalnız oxumaq üçün
İstifadəçiyə forma elementlərinin dəyərlərini dəyişdirməyə icazə vermir, mətni seçmək və kopyalamaq hələ də mövcuddur; Atribut dəyəri olmadan göstərilmişdir.
tələb olunur
Bu sahənin tələb olunduğunu göstərən bir mesaj göstərir. İstifadəçi bu sahəyə tələb olunan dəyəri daxil etmədən formanı təqdim etməyə cəhd edərsə, ekranda xəbərdarlıq mesajı görünəcək. Atribut dəyəri olmadan göstərilmişdir.
ölçüsü
Sahənin görünən genişliyini simvollarla təyin edir. Standart dəyər 20-dir. Aşağıdakı sahə növləri ilə işləyir: mətn, axtarış, tel, url, e-poçt və parol.
src
Forma göndərmə düyməsi kimi istifadə edilən şəklin url-ni təyin edir. Yalnız sahə üçün göstərilmişdir .
addım
Giriş tələb edən elementlər üçün istifadə olunur ədədi dəyərlər , diapazonun tənzimlənməsi (addım) zamanı dəyərləri artırmaq və ya azaltmaq üçün məbləği göstərir.
növü
düymə - düymə yaradır.
checkbox - giriş sahəsini yoxlana bilən və ya silinə bilən qeyd qutusuna çevirir, məs. Mənim maşınım var
rəng - İstifadəçilərə onaltılıq formatda rəng dəyərlərini seçməyə imkan verən dəstəkləyici brauzerlərdə rəng palitraları yaradır.
tarix — gg.aa.yyyy formatında tarix daxil etməyə imkan verir. Ad günü:
datetime-local - dd.aa.yyyy ss:mm nümunəsindən istifadə edərək böyük ingilis hərfi T ilə ayrılmış tarix və vaxtı daxil etməyə imkan verir. Ad günü - gün və saat:
e-poçt - Bu atributu dəstəkləyən brauzerlər istifadəçidən e-poçt ünvanlarının sintaksisinə uyğun olan məlumatları daxil etməyi gözləyəcək. E-poçt:
fayl - istifadəçinin kompüterindən faylları yükləməyə imkan verir. Fayl seçin:
gizli - Brauzer tərəfindən göstərilməyən və istifadəçinin standart dəyərləri dəyişdirməsinə mane olan nəzarəti gizlədir.
image - düyməyə mətn əvəzinə şəkil daxil etməyə imkan verən düymə yaradır.
ay - İstifadəçiyə yyyy-mm nümunəsindən istifadə edərək il və ay nömrəsini daxil etməyə imkan verir.
sayı - tam ədədlərin daxil edilməsi üçün nəzərdə tutulmuşdur. Onun min , max və step atributları müvafiq olaraq yuxarı, aşağı hədləri və dəyərlər arasında addımı müəyyən edir. Bu atributlar ədədi göstəriciləri olan bütün elementlər üçün nəzərdə tutulur. Onların standart dəyərləri element növündən asılıdır. Kəmiyyəti göstərin (1-dən 5-ə qədər):
parol - istifadəçi tərəfindən daxil edilmiş simvollar ulduzlar, güllələr və ya digərləri ilə əvəz edilərkən, formada mətn sahələri yaradır; brauzer tərəfindən quraşdırılmışdır nişanlar. parol daxil edin:
radio - bir keçid yaradır - açıla və ya söndürülə bilən kiçik bir dairə şəklində bir nəzarət. Vegetarian:
diapazon - kaydırıcı kimi bir interfeys elementi yaratmağa imkan verəcək, min / maks - seçim diapazonunu təyin etməyə imkan verəcəkdir
sıfırla - istifadəçinin daxil etdiyi məlumatların forma sahələrini təmizləyən düymə yaradır.
axtarış - axtarış sahəsini bildirir, standart olaraq giriş sahəsi düzbucaqlı formadadır. Axtar:
təqdim et - siçan düyməsini basmaqla aktivləşdirilən standart düymə yaradır. Düymə formadan məlumatları toplayır və emal üçün təqdim edir.
mətn - Mətn daxil etmək üçün tək sətirli mətn sahəsini çıxararaq, formada mətn sahələri yaradır.
vaxt - ss:mm nümunəsindən istifadə edərək 24 saat formatında vaxtı daxil etməyə imkan verir. Dəstəkləyən brauzerlərdə o, siçanla redaktə edilə bilən dəyərə malik rəqəmsal giriş sahəsinə nəzarət kimi görünür və yalnız vaxt dəyərlərini daxil etməyə imkan verir. Vaxtı təyin edin:
url—sahə URL-ləri təyin etmək üçün nəzərdə tutulub. Əsas səhifə:
həftə - Müvafiq göstərici aləti istifadəçiyə ilin bir həftəsini seçməyə imkan verir, bundan sonra nn-yyyy formatında məlumatların daxil edilməsini təmin edəcəkdir. İldən asılı olaraq həftələrin sayı 52 və ya 53 ola bilər. Həftəni təyin edin:
dəyər
Düymədə, sahədə və ya əlaqəli mətndə görünən mətni müəyyən edir. Fayl tipli sahələr üçün təyin edilməyib.
eni
Atribut dəyəri piksellərin sayını ehtiva edir. Forma sahələrinin enini təyin etməyə imkan verir.
4. Mətn daxiletmə sahələri
Element element əvəzinə istifadə olunur böyük mətn sahələri yaratmaq lazım olduqda. Orijinal dəyər kimi göstərilən mətn etiketin içərisinə yerləşdirilir. Sahənin ölçüləri cols - üfüqi ölçülər, sıralar - şaquli ölçülər atributlarından istifadə etməklə təyin edilir. Sahənin hündürlüyü hündürlük xüsusiyyətindən istifadə etməklə təyin edilə bilər. Bütün ölçülər monospace şriftində bir simvolun ölçüsünə əsasən hesablanır.
Cədvəl 4. Tag atributları
5. Açılan siyahı
Siyahılar təşkil etməyə imkan verir çox sayda yığcam şəkildə göstərir. Açılan siyahılar elementdən istifadə etməklə yaradılır ... . Onlar sizə təklif olunan dəstdən bir və ya daha çox dəyər seçməyə imkan verir. Varsayılan olaraq, siyahı qutusu ilk elementini göstərir.
Siyahıya elementlər əlavə etmək üçün elementlərdən istifadə olunur ... , daxilində yerləşir .
Siyahıları sistemləşdirmək üçün elementdən istifadə edin ... , siyahılarda başlıqlar yaradır.
Siyahılar üçün siz şriftin ölçüsünü, şrift tipini, rəngini və digər mətn xassələrini dəyişdirə, həmçinin haşiyələr, fon rəngi və fon şəkli əlavə edə bilərsiniz.
Cədvəl 5. Tag atributları
Atribut
Məna/Təsvir
avtofokus
Səhifə yükləndikdə elementə avtomatik fokus təyin edir.
əlil
Açılan siyahını deaktiv edir.
forma
Mənsub olduğu formanı müəyyən edir bu siyahı . Atribut dəyəri forma identifikatorudur.
çoxsaylı
Bunu etmək üçün bir və ya bir neçə elementi seçməyə imkan verir, seçərkən Ctrl düyməsini basıb saxlamaq lazımdır;
ad
Açılan siyahı üçün ad təyin edir. Atribut dəyəri siyahının mövzusunu əks etdirən ad ehtiva edir.
tələb olunur
İstifadəçinin formanı təqdim etməzdən əvvəl açılan siyahıdan dəyər seçməli olduğunu göstərən mesajı göstərir.
ölçüsü
Eyni zamanda ekranda görünən siyahı elementlərinin sayını təyin edir. Siyahı elementlərinin sayı müəyyən edilmiş nömrəni keçərsə, sürüşdürmə çubuğu görünür. Atribut dəyəri müsbət tam ədəd kimi müəyyən edilir.
6. Forma sahələri üçün etiketlər
Forma elementləri üçün etiketlər elementdən istifadə etməklə yaradılır ... . Etiketləri və sahələri qruplaşdırmağın iki yolu var. Sahə elementin içərisindədirsə , onda for atributunun göstərilməsinə ehtiyac yoxdur.
Sonuncu dəfə nə vaxt təyyarədə uçmusunuz?
pişik
7. Düymələr
Element ... kliklənən düymələr yaradır. Yaradılmış düymələrdən fərqli olaraq ( , , , ), elementin daxilində məzmun yerləşdirə bilərsiniz - mətn və ya şəkil.
Elementi düzgün göstərmək üçün müxtəlif brauzerlər tip atributunu təyin etməlisiniz, məsələn, .
Düymələr istifadəçilərə məlumatları forma təqdim etməyə, forma məzmununu təmizləməyə və ya başqa bir hərəkət etməyə imkan verir. Siz haşiyələr yarada, fonu dəyişdirə və mətni bir düymədə hizalaya bilərsiniz.
Cədvəl 9. Tag atributları
Atribut
Məna/Təsvir
avtofokus
Səhifə yüklənərkən diqqəti düyməyə təyin edir.
əlil
Düyməni qeyri-aktiv edir, onu kliklənməyən edir.
forma
Bu düymənin aid olduğu bir və ya bir neçə formanı göstərir. Atribut dəyəri müvafiq formanın identifikatorudur.
formalaşması
Atribut dəyəri düyməyə kliklədikdə göndərilən forma məlumat emaledicisinin URL-ni ehtiva edir. Yalnız düymə növü növü üçün "göndər" . Element üçün müəyyən edilmiş fəaliyyət atributunun dəyərini ləğv edir .
forma növü
type="göndər" kimi düymələr kliklədikdə, forma verilənlərini serverə göndərməzdən əvvəl kodlaşdırma növünü təyin edir. Element üçün müəyyən edilmiş enctype atributunun dəyərini ləğv edir . Mümkün dəyərlər: application/x-www-form-urlencoded standart dəyərdir. Göndərməzdən əvvəl bütün simvollar kodlaşdırılacaq. multipart/form-data - simvollar kodlaşdırılmır. Formadan istifadə edərək fayllar yükləndikdə istifadə olunur. mətn/düz - simvollar kodlaşdırılmır və boşluqlar + simvolu ilə əvəz olunur.
forma üsulu
Atribut brauzerin formanı təqdim etmək üçün istifadə edəcəyi metodu müəyyən edir. Element üçün müəyyən edilmiş metod atributunun dəyərini ləğv edir . Yalnız "göndər" tipli düymələr üçün nəzərdə tutulub. Mümkün dəyərlər: get - formadan verilənlər (ad/dəyər cütü) url-ə əlavə edilir və serverə göndərilir. Bu üsul göndərilən məlumatların ölçüsündə məhdudiyyətlərə malikdir və parolların və məxfi məlumatların göndərilməsi üçün uyğun deyil. post - formadan məlumatlar http sorğusu kimi əlavə olunur. Metod almaqdan daha etibarlı və təhlükəsizdir və ölçü məhdudiyyəti yoxdur.
formalaşdırmaq
Atribut müəyyən edir ki, forma məlumatı təqdim edildikdən sonra təsdiq edilməməlidir. Yalnız "göndər" tipli düymələr üçün nəzərdə tutulub.
format hədəfi
Atribut formanı təqdim etdikdən sonra nəticənin hansı pəncərədə göstəriləcəyini müəyyənləşdirir. Yalnız "göndər" tipli düymələr üçün nəzərdə tutulub. Element üçün müəyyən edilmiş hədəf atributunun dəyərini ləğv edir . _blank - cavabı yeni pəncərəyə/tabda yükləyir _self - cavabı eyni pəncərəyə yükləyir (standart) _parent - cavabı ana çərçivəyə yükləyir _top - cavabı tam ekranda yükləyir çərçivə adı - cavabı göstərilən adla çərçivəyə yükləyir.
ad
Düymənin adını təyin edir, atribut dəyəri mətndir. Forma təqdim edildikdən sonra məlumatları formalaşdırmaq və ya JavaScript-də verilmiş düymə(lər)ə keçid etmək üçün istifadə olunur.
növü
Düymə növünü müəyyən edir. Mümkün dəyərlər: düymə - kliklənən düymə reset — sıfırlama düyməsi, orijinal dəyəri qaytarır submit - forma məlumatlarını təqdim etmək üçün düymə.
dəyər
Düymə kliklədikdə göndərilən standart dəyəri təyin edir.
8. Formalarda qeyd qutuları və radio düymələri
Formalarda qeyd qutuları konstruksiyadan istifadə etməklə təyin edilir , və keçid - istifadə .
Yoxlama qutuları, radio düymələrindən fərqli olaraq, bir formada bir neçəyə təyin edilə bilər. Yoxlanılan atribut onay qutuları üçün göstərilibsə, səhifə yükləndikdə müvafiq forma sahələrində qeyd xanaları artıq seçiləcək.
Element radio düymələri və onay qutularından istifadə edərək seçimi həyata keçirərkən istifadə olunur. İstədiyiniz elementi sadəcə onunla əlaqəli mətnə klikləməklə seçə bilərsiniz. Bunu etmək üçün yerləşdirmək lazımdır elementin içərisində .
Təsvir
HTML etiketi
istifadəçi girişini serverə göndərmək üçün istifadə edilən HTML formasını yaradır.
Formanın özü element daxilində istifadəçi girişi üçün heç bir vasitə təmin etmədiyi üçün
məqsədi istifadəçini təmin etmək olan digər elementləri ehtiva edir müxtəlif yollarla məlumat girişi:
Bu elementlərə əlavə olaraq, forma daxilində istənilən digər HTML elementlərindən istifadə edə bilərsiniz.
Varsayılan olaraq, forma veb-səhifədə heç bir şəkildə göstərilmir, yalnız onun daxilində yerləşən elementlər görünür, lakin CSS istifadə edərək Formaya istənilən görünüş verə bilərsiniz.
Atributlar accept-charset: Emal üçün serverə təqdim edilən forma daxiletməsi üçün simvol kodlamasını və ya simvol dəstlərinin boşluqla ayrılmış siyahısını müəyyən edir. Məlumatda göstərilən kodlaşdırma tərəfindən dəstəklənməyən simvollar varsa, brauzer onlar üçün uyğun kodlaşdırmanı müəyyən etməyə çalışır. Müvafiq kodlaşdırma müəyyən edilə bilmirsə, simvollar rəqəmsal kodlara kodlanır. Defolt dəyər qorunan "UNKNOWN" sətridir (brauzerlər bu dəyəri elementi ehtiva edən sənədinkinə eyni simvol kodlaması kimi şərh edirlər.
).fəaliyyət: Doldurulmuş formadan məlumatların göndəriləcəyi ünvanı göstərir, bu məlumatın işlənəcəyi yer. avtomatik tamamlama: Formanın avtomatik tamamlamasını aktiv və ya qeyri-aktiv etməyi müəyyən edir. Avtomatik doldurma aktivləşdirildikdə, brauzer istifadəçinin əvvəlki formadan istifadə etdiyi zaman daxil etdiyi dəyərləri avtomatik olaraq doldurur. Mümkün atribut dəyərləri:
haqqında: brauzer avtomatik olaraq istifadəçi tərəfindən əvvəllər daxil edilmiş dəyərləri göstərir (standart dəyər).
off:
İstifadəçi hər dəfə formadan istifadə etdikdə hər sahə üçün dəyərləri daxil etməlidir. Əvvəllər daxil edilmiş dəyərlər göstərilməyəcək.
mətn/düz: boşluqlar "+" simvoluna çevrilir, lakin apostrof kimi xüsusi simvolları onaltılıq dəyərlərə kodlamır. metod: Form məlumatlarını təqdim edərkən istifadə olunacaq HTTP məlumat ötürmə metodunu müəyyən edir. Mümkün dəyərlər: almaq: Məlumat URL-in sonuna əlavə edilməklə brauzerin ünvan çubuğuna ad=dəyər cütləri kimi ötürülür. Sual işarəsi (?) əsas URL ilə ötürülən məlumat arasında ayırıcı kimi, ötürülən məlumatları bir-birindən ayırmaq üçün isə işarə işarəsi (&) istifadə olunur.
Bu üsul kiçik məlumatları göndərərkən istifadə olunur.
Metod atributu göstərilməyibsə, standart olaraq GET metodu istifadə olunacaq.
ad: Formanın adını təyin edir. Ad JavaScript-də elementə adla istinad etmək və ya təqdim edildikdən sonra forma məlumatlarına istinad etmək üçün istifadə edilə bilər. Əgər bir sənəddə bir neçə formadan istifadə olunursa, onda onların adları təkrarlanmamalı və atribut dəyəri kimi boş sətir buraxılmamalıdır. novalidate: Formaya daxil edilmiş məlumatların təqdim edilməzdən əvvəl təsdiqlənməyəcəyini göstərir. Novalidate boolean atributunun mümkün dəyərləri: Qeyd: novalidate atributu IE9 və sonrakı versiyalarda dəstəklənmir
əvvəlki versiyalar , və Safari-də. Hədəf: Çərçivənin və ya adını müəyyən edir
açar söz , forma təqdim edildikdən sonra alınan cavabın harada göstəriləcəyini müəyyən edir.
_boş: sənədi yeni pəncərədə və ya tabda açır.
_özüm: linkin yerləşdiyi eyni qovluqda sənədi açır (standart).
_valideyn: sənədi əsas çərçivədə açır.
_yuxarı: sənədi pəncərənin tam enində açır.
çərçivə_adı:
adı dəyər kimi göstərilən iframe-də sənədi açır.
Tag həmçinin Qlobal Atributları və Hadisələri dəstəkləyir Defolt üslub
forma (ekran: blok; yuxarı kənar: 0em; ) Adı:
Təsvir
çərçivə_adı:
Soyadı:
Siçan
veb səhifəsində forma quraşdırır. Forma istifadəçi və server arasında məlumat mübadiləsi üçün nəzərdə tutulub. Formaların tətbiq dairəsi müştəri skriptlərindən istifadə edərək məlumatların serverə göndərilməsi ilə məhdudlaşmır, siz formanın istənilən elementinə daxil ola, onu dəyişdirə və öz istəyinizlə tətbiq edə bilərsiniz; Sənəddə istənilən sayda forma ola bilər, lakin serverə eyni anda yalnız bir forma təqdim edilə bilər. Bu səbəbdən forma məlumatları bir-birindən müstəqil olmalıdır.
Formanı serverə təqdim etmək üçün Göndər düyməsini istifadə edin, eyni şeyə forma daxilində Enter düyməsini sıxmaqla nail olmaq olar. Əgər formada Göndər düyməsi yoxdursa,
Açarı daxil edin istifadəsini təqlid edir.
Forma serverə təqdim edildikdə, məlumatlara nəzarət etiketin fəaliyyət atributu ilə müəyyən edilmiş proqrama ötürülür.
Parametrlər CGI proqram ünvanından sonra göstərilən sual işarəsindən sonra sadalanır və ampersand simvolu (&) ilə ayrılır. Qeyri-latın simvolları onaltılıq təsvirə çevrilir (%HH formasında, burada HH ASCII simvol dəyərinin onaltılıq kodudur) və boşluq artı (+) ilə əvəz olunur.
Konteynerin içərisinə icazə verilir
digər teqləri yerləşdirin, lakin formanın özü veb-səhifədə heç bir şəkildə göstərilmir, yalnız onun elementləri və iç-içə teqlərin nəticələri görünür.
Sintaksis
...
Atributlar Serverin məlumatları qəbul edə və emal edə biləcəyi kodlaşdırmanı təyin edir. Forma məlumatlarını emal edən proqram və ya sənədin ünvanı.
Forma sahələrinin avtomatik doldurulmasına imkan verir.
Forma məlumatlarının kodlaşdırılması üsulu.
HTTP protokol metodu.
Formanın adı.
İşləyicinin qaytarılan nəticəni yükləyəcəyi pəncərə və ya çərçivənin adı.
Tələb olunur.
FORM etiketi
Sizcə, "OS" abbreviaturası necədir? a1 Zabitlər
a2
əməliyyat sistemi
a3
Böyük zolaqlı milçək Nəticə
bu misal
Şəkildə göstərilmişdir. 1.
düyü. 1. Brauzer pəncərəsində forma elementlərinin görünüşü
Element HTML forması istifadəçiyə maraq doğuran məlumatları daxil etməyə imkan verən sənədin bir hissəsidir və sonradan server tərəfində qəbul edilə və işlənə bilər. Başqa sözlə desək, formalar istifadəçilərin daxil etdiyi məlumatları toplamaq üçün istifadə olunur. Sintaktik olaraq qoşalaşmış teq HTML sənədində formanı müəyyən edir. Element ümumiyyətlə, bu, sadəcə olaraq müxtəlif etiketlərin, idarəetmə elementlərinin və giriş elementlərinin növlərinin, onay qutularının, radio düymələrinin, göndərmə düymələrinin və digər HTML elementlərinin yerləşdirilə biləcəyi bir konteynerdir.
Element
Formanın əsas vəzifəsi istifadəçidən daxil olan məlumatı qəbul etmək və onu server tərəfində sonrakı emal üçün ötürməkdir.
Element aşağıdakı sintaksisə malikdir:
forma elementləri edir formanın əsas elementi və məlumat daxil etmək üçün fərdi sahəni müəyyən edir. Giriş sahəsi qəbul edir
müxtəlif növ müxtəlif növ müxtəlif növ müxtəlif növ müxtəlif növ müxtəlif növ
Atributlar
Atribut , bu elementə tətbiq edilən tip atributunun dəyərindən asılı olaraq. aşağıdakı forma elementlərindən birini və ya bir neçəsini ehtiva edə bilər:
Brauzer dəstəyi Tag Opera IExplorer
Kənar Bəli Təqdim edilmiş formada istifadə olunan kodlaşdırmanı müəyyən edir (defolt dəyər qorunmuş sətirdir "naməlum" , bu, kodlaşdırmanın elementi ehtiva edən sənədin kodlaşdırılmasına uyğun olduğunu göstərir
).
hərəkət URL Formanın göndərildiyi ünvanı müəyyən edir (defolt olaraq fəaliyyət cari səhifəyə təyin edilir).
avtomatik tamamlama haqqında off Brauzerin forma elementlərini avtomatik doldurub doldura bilməyəcəyini müəyyən edir (defolt olaraq aktivdir). Bu atribut forma sahələrini əvvəllər daxil edilmiş mətnlə doldurmağa kömək edir (brauzer parametrləri tərəfindən söndürülmədikdə).
enktip proqram/x-www-form-urlencoded çoxhissəli/forma verilənləri mətn/düz
Forma məlumatlarının təqdim edildikdə necə kodlandığını müəyyən edir. Defolt dəyər proqram/x-www-form-urlencoded .
üsul almaq post Atribut hansını müəyyənləşdirir HTTP metodu (get və ya göndər) formanı təqdim edərkən istifadə olunur. Get metodu standartdır.
ad mətn İdentifikasiya üçün istifadə olunan formanın adını müəyyən edir (formanın adını müəyyən edir).
yeniləşdirmək yeniləşdirmək İstifadəçi tərəfindən forma daxil edilmiş məlumatların düzgünlüyünün yoxlanılmadığını göstərir.
hədəf _boş _özü _valideyn _yuxarı çərçivə adı
Atributdan istifadə edərək, biz brauzerə formanı təqdim etdikdən sonra alınan cavabın harada göstəriləcəyini bildiririk (tab, cari pəncərə və ya çərçivə). Varsayılan dəyər _self-dir - cavabı cari pəncərədə göstərir.
İstifadə nümunəsi
Misal HTML istifadə edərək formaları
forma (ekran: blok; yuxarı kənar: 0em; ) Soyadı: "Soyadı daxil edin"> Adam qadın Özüm haqqında:
18 yaşdan aşağı
18-dən 35-ə qədər
35-dən çox
Evli
Bir pişik var
Beləliklə, bu nümunədə nə etdik:
Veb saytlarda naviqasiya edərkən istifadəçi əsasən sadəcə klikləyir keçidlər veb səhifələrində naviqasiya etmək üçün.
Ancaq aydındır ki, istifadəçi bəzən özünü təmin etməlidir giriş sahələri . Bu qarşılıqlı əlaqə növlərinə aşağıdakılar daxildir:
saytlarda qeydiyyatdan keçmək və daxil olmaq; şəxsi məlumatların daxil edilməsi (ad, ünvan, məlumatlar kredit kartı və s.); məzmunun filtrasiyası (açılan siyahılar, onay qutuları və s. istifadə etməklə); axtarışın aparılması; faylların yüklənməsi.
Bu ehtiyacları ödəmək üçün HTML interaktiv təklif edir nəzarət edir formalar:
mətn sahələri (bir və ya bir neçə sətir üçün); açarları; onay qutuları; açılan siyahılar; yükləmək üçün vidjetlər; düymələri təqdim edin.
Bu nəzarətlər müxtəlifliyi əhatə edir etiketlər HTML, lakin onların əksəriyyəti etiketdən istifadə edir . Özünü bağlayan element olduğundan sahənin növü onun tip atributuna görə müəyyən edilir:
Element
müəyyən edən blok elementidir interaktiv veb səhifənin bir hissəsidir. Nəticədə, bütün nəzarətlər (məsələn
, və ya ) olmalıdır içəridə element
.İki HTML atributları zəruridir :
fəaliyyət müəyyən edən ünvanı ehtiva edir Harada forma məlumatları göndəriləcək; metod GET və ya POST ola bilər və olub olmadığını müəyyən edir Necə Forma məlumatları göndəriləcək.
Tipik olaraq, forma məlumatları göndərilir server . Necə sonra bu məlumatlar bu təlimatın əhatə dairəsindən kənarda işlənəcək.
Formanı yerinə yetirmək üçün birlikdə işləyən nəzarət vasitələri toplusu kimi düşünün bir əməliyyat. Sayta giriş forması yazmısınızsa, ola bilər üç sahələr:
Bu üç HTML elementi bir formada yer alacaq
.
Eyni şəkildə, eyni HTML səhifəsində, ayrıca elementdə qeydiyyat forması əlavə edə bilərsiniz
.Mətn sahələri Demək olar ki, bütün formalar tələb olunur mətn adlarını, e-poçt ünvanlarını, parollarını, ünvanlarını və s. daxil etmək üçün istifadəçilərdən daxil olan məlumatlar. Forma mətn sahələri müxtəlif növlərdə olur.
Baxmayaraq ki, bu sahələr çox oxşardır və istifadəçilərə istənilən növ mətni (hətta səhv olanları) daxil etməyə imkan verir, onların növü xüsusi semantika giriş üçün, sahənin hansı məlumatı təyin etməsi etməlidir ehtiva edir.
Brauzerlər daha sonra təkmilləşdirmək üçün idarəetmə interfeysini bir qədər dəyişə bilər interaktivlik və ya hansı məzmunun gözlənildiyini təklif edin.
Məsələn, parol sahəsində simvollar yerinə nöqtələr göstərilir. Rəqəm sahəsi isə yuxarı və aşağı düymələrdən istifadə edərək dəyəri artırmağa/azaltmağa imkan verir.
yer tutucu Mətn sahələri göstərilə bilər təlqinedici bəzi mətn daxil edilən kimi yox olacaq mətn.
Bir şey yazmağa başlasanız, "Adınızı daxil edin" mətninin yox olduğunu görəcəksiniz.
Forma elementlərinin özləri çox təsviri olmadığından, adətən onlardan əvvəl mətn gəlir. etiket .
E-poçt
Yer tutucu artıq hansı məzmunun gözlənildiyi barədə bəzi ipucu versə də, etiketlər hər zaman görünən qalma üstünlüyünə malikdir və onay qutuları və ya radio düymələri kimi digər forma elementləri ilə birlikdə istifadə edilə bilər.
Baxmayaraq ki, istifadə edərək, forma elementlərini təsvir etmək üçün qısa paraqraflardan istifadə edə bilərsiniz semantik cəhətdən daha düzgündür, çünki onlar yalnız formalarda mövcuddur. sahənin id dəyərinə uyğun olan for atributundan istifadə edərək xüsusi forma elementi ilə də əlaqələndirilə bilər.
ad
Etiketi tıkladığınız zaman diqqət mətn sahəsinə keçir və kursoru onun içərisinə yerləşdirir. İndiyə qədər bu paket faydasız görünür, lakin onay qutuları və açarları ilə lazımlı olacaq.
Yoxlama qutuları Yoxlama qutuları - Bunlar yalnız iki vəziyyətə malik olan forma elementləridir: açıq və ya söndürülməsi. Onlar əsasən istifadəçiyə bir şeyə "Bəli" və ya "Xeyr" deməyə imkan verir.
Məni xatırla
Kiçik bir onay qutusuna klikləmək çətin ola biləcəyi üçün qeyd qutusunu və onun təsvirini içəriyə yerləşdirmək tövsiyə olunur
.
Mən şərtlərlə razıyam
Yoxlama qutusunu dəyişdirmək üçün "Şərtlərlə razıyam" mətninə klikləyə bilərsiniz.
Varsayılan olaraq, onay qutusu deaktivdir. Siz sadəcə olaraq yoxlanılmış atributdan istifadə etməklə onu aktiv kimi qeyd edə bilərsiniz.
Faktura ünvanımdan istifadə edin
Keçidlər İstifadəçini təmin edə bilərsiniz variantların siyahısı açarları istifadə edərək seçilə bilər.
Bu forma elementinin işləməsi üçün HTML kodunuz olmalıdır qrup radio düymələrinin birlikdə siyahısı. Bu, ad atributu üçün eyni dəyərdən istifadə etməklə əldə edilir:
Ailə vəziyyəti
Subay
Evli
Boşanmış
Dul qadın
Bütün radio düymələri ad atributu üçün eyni dəyərdən istifadə etdiyinə görə (bu halda statusun dəyəri), bir variantın seçilməsi bütün digərlərinə üstünlük verəcək. Açarlar var bir-birini istisna edən .
Radio düymələri və onay qutuları arasındakı fərq Baxmayaraq ki, qeyd qutusu mövcuddur öz başıma , açarlar yalnız formada görünə bilər siyahı (ən azı iki seçim deməkdir).
Bundan əlavə, onay qutusuna klikləməkdir ixtiyari , radio düymələrindən birini seçərkən məcburi . Bu səbəbdən ən yaxın variantı seçsəniz, açarı söndürmək mümkün deyil. Sonda açarlardan biri həmişə seçilir.
Açılan menyular Seçmək üçün seçimlərin sayı çox yer tutursa, açılan menyulardan istifadə edə bilərsiniz
.
Onlar açarlara bənzəyir, yalnız layout fərqlidir.
yanvar
fevral
mart
aprel
may
iyun
iyul
avqust
sentyabr
oktyabr
noyabr
dekabr
Açılan menyudan çoxlu seçim Çoxsaylı atribut əlavə etsəniz, birdən çox variant seçmək imkanı verə bilərsiniz.
Hansı brauzerlərdən istifadə edirsiniz?
Google Chrome
Internet Explorer
Mozilla Firefox
Opera
Safari
Ctrl (və ya ⌘) düyməsini basıb klikləməklə bir neçə variant seçin. Bu, hər sətirdə birdən çox onay qutusundan istifadə etmək üçün yaxşı alternativ ola bilər.
Misal: tam qeydiyyat forması
Apellyasiya
cənab
Xanım
ad
soyad
E-poçt
Telefon
parol
Parolunuzu təsdiqləyin
ölkə
Kanada
Fransa
Almaniya
İtaliya
Yaponiya
Rusiya
Böyük Britaniya
ABŞ
Mən istifadə şərtləri ilə razıyam
Qeydiyyatdan keçin
Digər forma elementləri də mövcuddur, lakin biz ən çox istifadə olunanları nəzərdən keçirdik.