HTML ձևերը շատ հզոր գործիք են օգտատերերի հետ շփվելու համար, բայց տեխնիկական պատճառներով միշտ չէ, որ պարզ է, թե ինչպես դրանք օգտագործել իրենց ողջ ներուժով: Պարզապես տվյալներ ներկայացնելը բավարար չէ այս դեպքում. դուք նաև պետք է համոզվեք, որ այն տվյալները, որոնք օգտատերերը լրացնում են ձևաթղթերում, կուղարկվեն ճիշտ ձևաչափով, որն անհրաժեշտ է դրանց հաջող մշակման համար, և որ դա չխախտի առկա հավելվածները: Կարևոր է նաև օգնել օգտատերերին ճիշտ լրացնել ձևաթղթերը և չհիասթափվել հավելվածներից օգտվելիս:
Թեգն օգտագործվում է HTML ձև ստեղծելու համար: Այն իրականում չի ստեղծում լուսանցք, այլ օգտագործվում է որպես հիմնական կոնտեյներ այնպիսի տարրերի համար, ինչպիսիք են. Անկախ նրանից, թե դուք ցանկանում եք ստեղծել բաժանորդագրության պարզ ձև՝ կանոնավոր վճարումներով և վճարումներով, կամ ինտերակտիվ վեբ հավելվածներով, աշխատելու համար ձեզ հարկավոր է օգտագործել HTML տարրերի պիտակներ, որոնցից ամենակարևորը.
Որքան ստանդարտHTML ձևեր
HTML ձևերը հորինվել և հիմնականում ստանդարտացվել են մինչև ասինխրոն JavaScript-ի և բարդ վեբ հավելվածների հայտնվելը: Այսօր օգտագործվում են ձևի մուտքեր, կոճակներ և փոխազդեցության այլ մեխանիզմներ, սակայն դրա հիմքում HTTP հարցման և պատասխանի պարադիգմի վրա հիմնված համակարգն է:
Երբ օգտատերը բեռնում է էջը, ուղարկվում է http հարցում (սովորաբար, այսպես կոչված, GET հարցում): Այն ուղարկվում է ձեր բրաուզերի կողմից սերվեր, և սովորաբար սերվերը պատասխանում է այն վեբ էջով, որը փնտրում է օգտվողը: Այս փոխազդեցությունը ինտերնետի ամենահիմնական հասկացություններից մեկն է: Եվ դա բացատրում է, թե ինչպես են աշխատում HTML ձևերը:
Սերվերի հետ տեղեկատվության փոխանակման գործընթացը
Յուրաքանչյուրը, որը ներառում է այնպիսի տարրեր, ինչպիսիք են, գտնվում է ներսում և ունի անվան հատկանիշ (անուն), ինչպես նաև դրա արժեքը: Արժեքը որոշվում է տարբեր ձևերով. Տեքստի համար սա կլինի այն արժեքը, որը դաշտում մուտքագրվել է կայքի օգտագործողի կողմից: Ռադիո կոճակի համար՝ ընտրված տարբերակի արժեքը: Օգտագործողը կարող է սահմանել արժեքը, բայց ամենից հաճախ չի կարող սահմանել անվան հատկանիշը: Սա ստեղծում է անուն/արժեք զույգերի մի շարք, որտեղ արժեքները որոշվում են օգտագործողի մուտքագրմամբ:
Ձևի և սովորական HTML փաստաթղթի հիմնական տարբերությունն այն է, որ շատ դեպքերում ձևի կողմից հավաքագրված տվյալները ուղարկվում են վեբ սերվեր: Այս դեպքում դուք պետք է ստեղծեք վեբ սերվեր՝ տվյալներ ստանալու և մշակելու համար: պիտակի գործողության հատկանիշնշում է այն վայրը (URL), որտեղ պետք է ուղարկվեն հավաքագրված տվյալները:
Ինչպիսին է սերվերի պատասխանը
Երբ ձևը ներկայացվում է, անուն-արժեք զույգերը և տարրի բոլոր դաշտերը ներառվում են HTTP-ում: Հարցում է արվում URL-ին, որը նշված է գործողության հատկանիշի տեսքով: Հարցման տեսակը (GET կամ POST) կլինի մեթոդի հատկանիշում: Սա նշանակում է, որ օգտատիրոջ կողմից տրամադրված բոլոր տվյալները ձևը ներկայացնելուն պես ուղարկվում են սերվեր, և սերվերը կարող է անել այն, ինչ ցանկանում է այդ տվյալների հետ: Երբ սերվերը ստանում է ձևի ներկայացում, այն վերաբերվում է այն, ինչպես ցանկացած այլ HTTP հարցում: Սերվերն անում է այն ամենը, ինչ անհրաժեշտ է ներառված տվյալների հետ և պատասխան է տալիս դիտարկիչին:
Եթե հիշում եք, որ էջը բեռնելը պատասխանն է, ապա կնկատեք, որ նույն բանը տեղի է ունենում այստեղ: Տիպիկով ստեղծված տիպիկ ձևով պատասխանը բրաուզերի կողմից բեռնված նոր էջ է: Սովորաբար, նոր էջը փոխարինում է ընթացիկ բովանդակությանը, սակայն այն կարող է վերացվել թիրախային հատկանիշով: Առցանց ձևաթղթերի ճնշող մեծամասնությունն աշխատում է այս կերպ, այդ իսկ պատճառով օգտվողը ուղարկվում է շնորհակալություն էջ, երբ նրանք լրացնում են էլփոստի բաժանորդագրության ձևը:
Վեբ հավելվածներ և ձևաթղթեր առանց պիտակի
Ժամանակակից ինտերակտիվ վեբ հավելվածներն օգտագործում են JavaScript կոդը՝ ասինխրոն http հարցումներ կատարելու համար: Սրանք զանգեր են դեպի սերվեր, որոնք չեն առաջացնում էջի վերաբեռնում: Նրանք չեն հիմնվում պիտակի վրա՝ վարքագծի մեջ ներկառուցված HTML տարր: Նրանք չեն համատեղում բոլոր տվյալները մեկ ամբողջության մեջ:օգտվողին և անմիջապես մի ուղարկեք դրանք: Այս պատճառով, վեբ հավելվածներում HTML + JS դասավորության դիզայներներից շատերը չեն օգտագործում պիտակը բոլոր ձևերի վրա: Ավելի հաճախ, նրանք պարզապես օգտագործում են այն որպես մի տեսակ կոնտեյներ տարբեր տեսակի մուտքային դաշտերի և տարրերի համար: Այս դեպքում օգտագործված մեթոդը և գործողությունների ատրիբուտները տեսանելի չեն լինի:
Ավելին ձևերի մասին
HTML ձևերը վեբկայքի կամ հավելվածի հետ օգտագործողի փոխազդեցության կարևորագույն կետերից են: Նրանք թույլ են տալիս օգտվողներին տվյալներ ներկայացնել կայք: Ժամանակի մեծ մասը տվյալներն ուղարկվում են վեբ սերվեր, սակայն վեբ էջը կարող է նաև անջատել դրանք՝ ինքնուրույն օգտագործելու համար: Կան բազմաթիվ ձևերի հետ կապված տարրեր՝ տարբեր տեսակի կոճակներ, տարբեր տեսակի ընտրիչներ, հետադարձ կապի մեխանիզմներ: Հետևաբար, կարող է դժվար լինել որոշել, թե ինչ արժեքներ վերագրել պիտակի ատրիբուտներին: Երբ խոսքը վերաբերում է ձևաթղթերի ստեղծմանը, դուք պետք է այնպես անեք, որ դրանք աշխատեն էկրանի տարբեր չափերի վրա: Կարևոր է դրանք հասանելի դարձնել հաշմանդամություն ունեցող անձանց համար: Ահա թե ինչու ձևերը և ատրիբուտների պիտակները, հավանաբար, HTML-ի ամենաբարդ կողմն են:
Ինչից է կազմված ձևը
HTML ձևը բաղկացած է մեկ կամ մի քանի վիդջեթներից: Դրանք կարող են լինել մեկ տողով կամ բազմաշերտ տեքստային դաշտեր, ընտրված տուփեր, կոճակներ կամ ռադիոկոճակներ: Դրանք առավել հաճախ կապված են մի հատկանիշի հետ, որը նկարագրում է դրանց նպատակը. ճիշտ իրականացվածը կարող է հստակ հրահանգել թե տեսող, թե կույր օգտվողներին, թե ինչպես հասնել մուտքագրման ձևին: Հատկանիշճիշտ է կապված իրենց for և id ատրիբուտների հետ, համապատասխանաբար: Այնուհետև for պիտակը վերաբերում է համապատասխան վիջեթի id հատկանիշին, և էկրանի ընթերցիչը, օգտագործելով այն, կկարդա, թե ինչ է գրված դրանում:
Բացի պիտակին հատուկ կառուցվածքներից, կարևոր է հիշել, որ ձևերը պարզապես HTML կոդ են: Սա նշանակում է, որ դուք կարող եք օգտագործել HTML-ի ողջ հզորությունը՝ ձեր ձևերը կառուցվածքի համար: Ընդհանուր պրակտիկա է պիտակի օգտագործումը՝պիտակավորված տարրերը փաթաթելու համար
. HTML ցուցակները նույնպես լայնորեն օգտագործվում են, կառուցվածքավորման համար օգտագործվում են բազմաթիվ վանդակներ կամ ռադիո կոճակներ: Մուտքի դաշտերը ստեղծելուց հետո մնում է պիտակի միջոցով կոճակ ավելացնել և ստուգել արդյունքը: HTML ձևերի ճկունությունը դրանք դարձնում է HTML ձևաչափի ամենաբարդ կառուցվածքներից մեկը: Սակայն HTML ձևը կառուցելիս ճիշտ կառուցվածքով կարող եք ապահովել, որ այն և՛ օգտագործելի է, և՛ հասանելի:
