Форма теги: сүрөттөмө, маани, колдонмо

Мазмуну:

Форма теги: сүрөттөмө, маани, колдонмо
Форма теги: сүрөттөмө, маани, колдонмо
Anonim

HTML формалары колдонуучулар менен өз ара аракеттенүүнүн абдан күчтүү куралы, бирок техникалык себептерден улам аларды кантип толук мүмкүнчүлүктөрү менен пайдалануу дайыма эле ачык боло бербейт. Бул учурда жөн гана маалыматтарды тапшыруу аздык кылат - ошондой эле колдонуучулар формаларга толтурган маалыматтар ийгиликтүү иштетилиши үчүн зарыл болгон туура форматта жөнөтүлөт жана бул учурдагы тиркемелерди бузбай турганына ынанышыңыз керек. Колдонуучуларга формаларды туура толтурууга жана тиркемелерди колдонууга аракет кылып жатканда капа болбоого жардам берүү да маанилүү.

форма html теги
форма html теги

Тег HTML формасын түзүү үчүн колдонулат. Ал чындыгында маржа түзбөйт, бирок, мисалы, элементтер үчүн негизги контейнер катары колдонулат. Жөнөкөй жазылуу формасын үзгүлтүксүз каттоо жана төлөм менен же интерактивдүү веб тиркемелерди түзгүңүз келеби, иштөө үчүн HTML элементинин тэгдерин колдонушуңуз керек болот, алардын эң негизгиси.

Кандай стандарттууHTML формалары

HTML формалары асинхрондук JavaScript жана татаал веб тиркемелери пайда болгонго чейин ойлоп табылган жана негизинен стандартташтырылган. Бүгүнкү күндө форма киргизүүлөрү, баскычтар жана башка өз ара аракеттенүү механизмдери колдонулат, бирок анын өзөгүн HTTP сурамына жана жооп парадигмасына негизделген система түзөт.

аракет атрибуту
аракет атрибуту

Колдонуучу баракты жүктөгөндө, http сурамы жөнөтүлөт (көбүнчө GET сурамы деп аталган). Ал сиздин браузериңиз тарабынан серверге жөнөтүлөт жана адатта сервер колдонуучу издеп жаткан веб-баракчага жооп берет. Бул өз ара аракеттенүү Интернеттин эң негизги түшүнүктөрүнүн бири. Бул HTML формаларынын кантип иштешин так түшүндүрөт.

Сервер менен маалымат алмашуу процесси

Ар бири сыяктуу элементтерди камтыган, ичинде жайгашкан жана аталыш атрибуту (аты), ошондой эле анын мааниси бар. Наркы ар кандай жолдор менен аныкталат. Текст үчүн бул сайттын колдонуучусу тарабынан талаага киргизилген маани болот. Радио баскычы үчүн тандалган опциянын мааниси. Колдонуучу маанини коё алат, бирок көбүнчө ат атрибутун коё албайт. Бул ат/баа жуптарынын топтомун түзөт, мында маанилер колдонуучунун киргизүүсү менен аныкталат.

форма тегинин атрибуттарына кандай баалуулуктар берилиши керек
форма тегинин атрибуттарына кандай баалуулуктар берилиши керек

Форма менен кадимки HTML документинин негизги айырмасы, көпчүлүк учурларда форма тарабынан чогултулган маалыматтар веб-серверге жөнөтүлөт. Бул учурда, маалыматтарды кабыл алуу жана иштетүү үчүн веб-серверди орнотуу керек. тег аракет атрибутучогултулган маалыматтар жөнөтүлө турган жерди (URL) көрсөтөт.

Сервердин жообу кандай көрүнөт

Форма тапшырылганда, ат-маани түгөйлөрү жана элементтин ичиндеги бардык талаалар HTTP'ге кошулат. Сурам аракет атрибутунун формасында көрсөтүлгөн URL дарегине жасалат. Сурамдын түрү (GET же POST) метод атрибутунда болот. Бул колдонуучу тарабынан берилген бардык маалыматтар форма тапшырылар замат серверге жөнөтүлөт жана сервер ал маалыматтар менен каалаганын жасай алат дегенди билдирет. Сервер форма тапшыруусун алганда, аны башка HTTP сурамдары сыяктуу кабыл алат. Сервер камтылган дайындар менен эмне кылуу керек болсо, ошонун баарын жасап, браузерге жооп берет.

форма тегинин атрибуттары
форма тегинин атрибуттары

Эгер бетти жүктөө жооп экенин эстесеңиз, бул жерде да ушундай болгонун байкайсыз. Тег менен түзүлгөн типтүү формада жооп браузер тарабынан жүктөлгөн жаңы барак болуп саналат. Адатта, жаңы барак учурдагы мазмунду алмаштырат, бирок бул максаттуу атрибут менен жокко чыгарылышы мүмкүн. Онлайн формалардын басымдуу көпчүлүгү ушундай иштешет, ошондуктан колдонуучу электрондук почтага жазылуу формасын толтурганда Рахмат баракчасына жөнөтүлөт.

Тегсиз веб колдонмолору жана формалар

Заманбап интерактивдүү веб колдонмолору асинхрондук http сурамдарын жасоо үчүн JavaScript кодун колдонушат. Бул баракты кайра жүктөөгө алып келбеген серверге чалуулар. Алар тегге ишенишпейт - жүрүм-турумга орнотулган HTML элементи. Алар бардык маалыматтарды бир бүтүнгө бириктиришпейт.колдонуучу жана аларды дароо жибербеңиз. Ушул себептен улам, веб-тиркемелердеги көптөгөн HTML + JS макет дизайнерлери тегди бардык формаларда колдонушпайт. Көбүнчө, алар жөн гана киргизүү талааларынын жана элементтердин ар кандай түрлөрү үчүн контейнер түрү катары колдонушат. Бул учурда колдонулган ыкма жана аракет атрибуттары көрүнбөйт.

Формалар жөнүндө көбүрөөк маалымат

HTML формалары колдонуучунун веб-сайт же тиркеме менен өз ара аракеттенүүсүнүн негизги учурларынын бири. Алар колдонуучуларга сайтка маалыматтарды берүүгө мүмкүнчүлүк берет. Көпчүлүк учурда, маалыматтар веб-серверге жөнөтүлөт, бирок веб-баракча аны өз алдынча колдонуу үчүн кармап алат. Формага байланыштуу көптөгөн элементтер бар - ар кандай баскычтар, ар кандай типтеги селекторлор, кайтарым байланыш механизмдери. Ошондуктан, тег атрибуттарына кандай маанилерди ыйгарууну чечиш кыйын болушу мүмкүн. Формаларды түзүүгө келгенде, аларды экрандын ар кандай өлчөмдөрүндө иштешин камсыздашыңыз керек. Аларды майыптар үчүн жеткиликтүү кылуу маанилүү. Ошондуктан формалар жана атрибут тегдери HTMLдин эң татаал аспектиси болуп саналат.

форма тегинин атрибуттары
форма тегинин атрибуттары

Форма эмнеден турат

HTML формасы бир же бир нече виджеттен турат. Алар бир же көп саптуу текст талаалары, тандоо кутучалары, баскычтар же радио баскычтар болушу мүмкүн. Алар көбүнчө алардын максатын сүрөттөгөн атрибут менен байланыштырылат - туура ишке ашырылса, көрбөгөн да, азиз да колдонуучуларга киргизүү формасына кантип кирүү боюнча так көрсөтмө бере алат. Атрибуттиешелүүлүгүнө жараша, алардын for жана id атрибуттары менен туура байланышкан. Андан кийин for энбелгиси тиешелүү виджеттин id атрибутун билдирет жана аны колдонуу менен экранды окугуч анда эмне жазылганын окуп берет.

форма теги
форма теги

Тегге тиешелүү структуралардан тышкары, формалар жөн гана HTML коду экенин эстен чыгарбоо керек. Бул формаңыздын структурасын түзүү үчүн HTMLдин толук күчүн колдоно аласыз дегенди билдирет. Кеңири таралган практика -менен тег коюлган элементтерди таңуу үчүн тегди колдонуу

. HTML тизмелери да кеңири колдонулат; структуралаштыруу үчүн бир нече кутучалар же радио баскычтар колдонулат. Киргизүү талааларын түзгөндөн кийин, тегди колдонуу менен баскычты кошуп, натыйжаны текшерүү керек. HTML формаларынын ийкемдүүлүгү аларды HTML форматындагы эң татаал структуралардын бири кылат. Бирок HTML формасын түзүүдө туура структура менен анын колдонууга жана жеткиликтүү экенине кепилдик бере аласыз.

Сунушталууда: