Kiçik şey html forması. HTML formalarının yaradılması

25.10.2021

HTML formaları vebsayt ziyarətçilərindən məlumat toplamaq üçün istifadə olunan nəzarət vasitələridir.

Veb formaları siçan ilə aktivləşdirilən mətn sahələri, düymələr, siyahılar və digər idarəetmə vasitələri toplusundan ibarətdir. Texniki olaraq, formalar məlumatları istifadəçidən uzaq serverə ötürür.

Forma məlumatlarını qəbul etmək və emal etmək üçün veb proqramlaşdırma dilləri kimi PHP, Perl.

HTML5-in yaranmasından əvvəl veb formaları bir neçə elementdən ibarət toplu idi , düymə ilə bitir . Müxtəlif brauzerlərdə formaları tərtib etmək çox səy tələb etdi. Bundan əlavə, formalar daxil edilmiş məlumatları yoxlamaq üçün JavaScript-dən istifadə etməyi tələb edirdi və həmçinin tarixlər, ünvanlar kimi gündəlik məlumatları göstərmək üçün xüsusi giriş sahələrinə malik deyildi. e-poçt və URL-lər.

HTML5 formaları dəyişdirmə qabiliyyətini təmin edən yeni atributların olması sayəsində bu ümumi problemlərin əksəriyyətini həll etdi görünüş səbəbiylə forma elementləri CSS3.

düyü. 1. HTML5 ilə təkmilləşdirilmiş Veb Formalar

HTML5 Formasının yaradılması

1. Element

İstənilən formanın əsasını element təşkil edir .... Bütün forma nəzarətlərini bir yerdə saxlayan konteyner olduğu üçün heç bir giriş tələb etmir - sahələr. Bu elementin atributları bütün forma sahələri üçün ümumi olan məlumatları ehtiva edir, ona görə də məntiqi birləşən sahələr bir forma daxil edilməlidir.

Cədvəl 1. Tag atributları
Atribut Məna/Təsvir
qəbul-simvol dəsti Atribut dəyəri ayrılmış boşluqdur simvol kodlaşdırmalarının siyahısı, formanı təqdim etmək üçün istifadə olunacaq, məsələn, .
hərəkət Tələb olunan atribut, məlumatların göndərildiyi serverdəki forma işləyicisinin url-ni təyin edir. Bu, forma verilənləri ilə nə edilməli olduğunu təsvir edən fayldır (məsələn, action.php). Əgər atribut dəyəri göstərilməyibsə, səhifə yenidən yükləndikdən sonra forma elementləri öz standart dəyərlərini alacaqlar.
Əgər bütün işlər müştəri tərəfində JavaScript skriptləri ilə yerinə yetiriləcəksə, onda siz fəaliyyət atributu üçün # dəyərini təyin edə bilərsiniz.
Ziyarətçi tərəfindən doldurulmuş formanın sizə e-poçt vasitəsilə göndərilməsini də təşkil edə bilərsiniz. Bunu etmək üçün aşağıdakı girişi etməlisiniz:
avtomatik tamamlama

enktip Göstərmək üçün istifadə olunur MIME-forma ilə birlikdə göndərilən məlumat növü, məsələn, enctype="multipart/form-data" . Yalnız method="post" vəziyyətində göstərilmişdir.
application/x-www-form-urlencoded defolt məzmun növüdür və ötürülən məlumatların URL kodlu forma dəyişənlərinin siyahısını təmsil etdiyini göstərir. Boşluq simvolları (ASCII 32) + kimi kodlaşdırılacaq və xüsusi simvol məsələn ! onaltılıq sistemdə %21 olaraq kodlanacaq.
multipart/form-data - faylları, qeyri-ASCII məlumatları və ikili verilənləri ehtiva edən formaları təqdim etmək üçün istifadə olunur, hər biri məzmunu təmsil edən bir neçə hissədən ibarətdir. fərdi element formaları.
text/plain - düz (html deyil) mətnin ötürüldüyünü göstərir.
üsul Forma məlumatlarının necə təqdim olunduğunu müəyyən edir.
Get metodu məlumatları brauzerin ünvan çubuğu vasitəsilə serverə ötürür. Serverə sorğu yaradan zaman bütün dəyişənlər və onların dəyərləri www.anysite.ru/form.php?var1=1&var2=2 kimi ardıcıllıq təşkil edir. Dəyişən adları və dəyərləri işarədən sonra server ünvanına əlavə olunurmu? və & ilə ayrılır. Hamısı xüsusi simvollar və qeyri-latın hərfləri %nn formatında kodlanır, boşluq + ilə əvəz olunur. Böyük miqdarda məlumat ötürməsəniz, bu üsuldan istifadə edilməlidir. Əgər siz forma ilə birlikdə fayl göndərməlisinizsə, bu üsul işləməyəcək.
Göndərmə metodu böyük həcmdə məlumatların, həmçinin məxfi məlumatların və parolların göndərilməsi üçün istifadə olunur. Bu metoddan istifadə edərək göndərilən məlumatlar URL başlığında görünmür, çünki mesajın mətnində yer alır.
ad Dəstlər forma adı, skriptlər vasitəsilə forma elementlərinə daxil olmaq üçün istifadə olunacaq, məsələn name="opros" .
yeniləşdirmək Forma göndərmə düyməsində doğrulamağı söndürür. Atribut dəyər göstərilmədən istifadə olunur
hədəf Məlumatın göndəriləcəyi pəncərəni müəyyənləşdirir:
_blank - yeni pəncərə
_self - eyni çərçivə
_parent — ana çərçivə (əgər varsa, yoxdursa, indiki çərçivəyə)
_top bu çərçivəyə nisbətən yuxarı səviyyəli pəncərədir. Zəng uşaq kadrdan gəlmirsə, o zaman eyni çərçivəyə.

2. Forma elementlərinin qruplaşdırılması

Element

...
bir-biri ilə əlaqəli elementləri qruplaşdırmaq, beləliklə də formanı məntiqi fraqmentlərə bölmək üçün nəzərdə tutulmuşdur.

Elementlərin hər bir qrupunu elementdən istifadə etməklə adlandırmaq olar , etiketdən dərhal sonra gəlir

. Qrup adı yuxarı sol sərhəddə görünür
. Məsələn, bir elementdə olarsa
Əlaqə məlumatları saxlanılır:

Əlaqə məlumatı


düyü. 2. Istifadə edərək forma elementlərinin qruplaşdırılması

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
eyni sənəddə. Bu elementlər qrupunun aid olduğu bir və ya bir neçə formanı göstərir. Aktiv hal-hazırda atribut heç bir brauzer tərəfindən dəstəklənmir.
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 eyni sənəddə. Bu forma sahəsinin aid olduğu bir və ya bir neçə formanı müəyyən edir.
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 məsələn, cədvəllərdə css üslubları. Bu id atributunun analoqudur.
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ı

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ə .

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

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.

  • Qeyd: Avtomatik tamamlama atributu Opera brauzeri tərəfindən dəstəklənmir. Enctype: Forma məlumatlarının serverə təqdim edilərkən necə kodlandığını müəyyən edir. Yalnız method="post" atributu ilə birlikdə istifadə edilə bilər. Mümkün dəyərlər:
  • application/x-www-form-urlencoded: default: göndərilməzdən əvvəl bütün simvollar kodlanır (boşluqlar "+" simvollarına çevrilir və xüsusi simvollar ASCII HEX dəyərlərinə çevrilir). çoxhissəli/forma verilənləri:
  • simvollar kodlaşdırılmır. Elementlər üçün istifadə olunur, tip atributu "fayl" olaraq təyin olunur.
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övmüxtəlif növmüxtəlif növmüxtəlif növmüxtəlif növmü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əyiTagOpera
IExplorer
KənarBəliTə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ətURLFormanın göndərildiyi ünvanı müəyyən edir (defolt olaraq fəaliyyət cari səhifəyə təyin edilir).
avtomatik tamamlamahaqqı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ə).
enktipproqram/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.
üsulalmaq
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.
admətnİdentifikasiya üçün istifadə olunan formanın adını müəyyən edir (formanın adını müəyyən edir).
yeniləşdirməkyeniləş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

</span> Misal <a href="https://rembitpro.ru/az/data-recovery/kak-sdelat-kartinku-ssylkoi-v-html-vkontakte-na-forume-i-s-pomoshchyu-css/">HTML istifadə edərək</a> formaları <span> 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:

  • Göndərilib iki tək sətirli mətn sahələri ( ) istifadəçinin ad və soyadını daxil etməsi üçün. name atributundan istifadə edərək bu sahələrə unikal adlar təyin edildi ( formanın düzgün ötürülməsi və işlənməsi üçün hər bir element üçün qeyd etməyinizə əmin olun bu atribut). Bundan əlavə, dəyər atributu bu sahələr üçün standart dəyərlərə təyin edilmişdir (sahələri doldurarkən, bu atributun dəyəri istifadəçi girişinə uyğun olacaq).
  • Göndərilib iki radio düymələri ( ) məhdud sayda seçimlərdən birini seçmək üçün. Nəzərə alın ki, radio düymələri üçün eyni ad göstərilməlidir ki, təklif olunanlardan yalnız birini seçə biləsiniz.
  • üçün birinci radio düymələri atributunu təyin 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 ,